/* ************************************
DO NOT LEAVE UNUSED/COMMENTED OUT CODE!
************************************* */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

html {
    scroll-behavior: smooth
}

ol,
ul {
    list-style: none
}

ul[style] {
    list-style-type: none!important
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body,
html {
    margin: 0;
    padding: 0
}

.oHidden {
    overflow: hidden
}

li {
    outline: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

:root {
    --white: white;
    --pageBG: #F6F6F9;
    --timberwolf: rgb(219, 219, 219);
    --midnightBlue: rgb(25, 27, 29);
    --persianBlue: rgb(28, 129, 147);
    --brightTurquoise: rgb(9, 200, 230);
    --medTurquoise: rgb(9, 200, 255);
    --bulgarianRose: rgb(71, 73, 76);
    --darkGrey: rgb(31, 34, 40);
    --oceanblue: rgb(23, 142, 183);
    --lightgrey: rgb(244, 244, 245);
    --accBg: rgb(233, 232, 235);
    --electricGreen: rgb(82, 221, 168)
}

[id*=current-image] img {
    height: auto;
    transition: all .5s
}

[data-tab="0"] .icon {
    background-position: -132px;
    width: 60px
}

[data-tab="1"] .icon {
    background-position: 2px;
    width: 44px
}

[data-tab="2"] .icon {
    background-position: -88px;
    width: 44px
}

[data-tab="3"] .icon {
    background-position: -44px;
    width: 44px
}

[data-slideshow*=Slideshow] {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 170px;
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-areas: 'imageThumbs imageShowcase'
}

[data-slideshow*=Slideshow] .image-thumb {
    font: normal 11.3pt/23px 'Open Sans';
    transform: scale(1);
    transition: all .3s;
    width: 90%
}

[data-slideshow*=Slideshow]>div>p {
    font: bold 14pt 'Open Sans', sans-serif;
    padding-left: 15px
}

[data-slideshow*=Slideshow]>div>p::before {
    content: "";
    background-color: var(--brightTurquoise);
    width: 4px;
    height: 15px;
    left: 0;
    top: 6px
}

[data-slideshow*=Slideshow] .image-thumb .flower-bg+p {
    transform: translateY(-50%);
    left: 70px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #54595d
}

[data-slideshow*=Slideshow] .details {
    height: 100%;
    bottom: 0;
    background: #fff;
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #000 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #000 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #000 100%)
}

[data-slideshow*=Slideshow] .details>div {
    bottom: 20px;
    width: calc(100% - 60px);
    padding: 0 30px;
    transform: rotate3d(50, 0, 0, 0turn);
    transition: transform 1s ease-out
}

[id*=key-feature] {
    min-height: 325px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
}

[data-slideshow*=Slideshow]>div:first-child {
    grid-area: imageThumbs
}

[data-slideshow*=Slideshow]>div:last-child {
    grid-area: imageShowcase
}

[id*=key-feature] h2 {
    margin-bottom: 20px!important
}

[data-slideshow*=Slideshow] .imageDesc {
    font: normal 14px/21px 'Open Sans'
}

[data-slideshow*=Slideshow].grant-management .image-thumb {
    height: 20%
}

[data-slideshow*=Slideshow].konverge .image-thumb {
    height: calc(100% / 3)
}

[data-slideshow*=Slideshow]>div:first-child>p:first-child {
    font: bold 17px 'Open Sans';
}

[data-slideshow*=Slideshow]>div:first-child>p+div .image-thumb>div+p {
    font: normal 1.13em/24px 'Lato';
}

#bolt-clock,
#chevron,
#desktop-nav nav ul,
#desktop-nav nav>ul,
#desktop-nav ul li ul,
#digital-trans #masthead-wrapper,
#digital-trans .checkmark,
#digital-trans .different-approach>div:last-child div,
#digital-trans .masthead-img+img,
#digital-trans .page-title,
#digital-trans .tab>div:first-child,
#features-dd-menu,
#financial-mgmt .masthead-img+img,
#financial-mgmt .page-title,
#forme #introBlock .colOne button,
#forme .bgAnna:after,
#forme .desc-wrapper,
#forme .grey-dots,
#forme .in-action,
#forme .in-action p:first-child::before,
#grant-mgmt .masthead-img+img,
#grant-mgmt .page-title,
#green-machine-gradient,
#hamburger>div,
#home-page .lower-gear-spin,
#home-page .setting>div,
#intro aside::before,
#key-feature-five img:first-child,
#key-feature-four img:first-child,
#key-feature-one img:first-child,
#key-feature-six img:first-child,
#key-feature-three img:first-child,
#key-feature-two img:first-child,
#konverge .cluster-monitoring>div:last-child .relative>div,
#konverge .masthead-img+img,
#konverge .page-title,
#lines-border-circle-outer,
#middle-ring-thick,
#mobile-nav .logo-mobile img,
#mobileNav,
#our-approach>div>div img.large-blob,
#our-products #next,
#our-products #prev,
#our-products .colTwo>div,
#our-products .navigation,
#our-products ul,
#particle-gun,
#particle-gun .emitter,
#particle-gun .emitter>div,
#positions .masthead,
#positions .positions-title,
#prev-next-wrapper,
#previous svg,
#streaming-analytics .masthead-img+img,
#streaming-analytics .page-title,
.what-how-why>div>div>div img,
.absolute-image,
.chevron-bg,
.cloud-icon,
.cycle-icon,
.divider,
.doc-icon,
.dynamic-center,
.flag-icon,
.flower-bg svg+div,
.green-machine .logo,
.headline-content,
.icon-wrapper,
.icon-wrapper #cloud img,
.icon-wrapper #folder img,
.icon-wrapper svg,
.lines-border-circle-inner,
.link-icon,
.mask,
.middle-ring-thin,
.misc-backgrounds,
.outer-circle,
.product-list-bg,
.product-principles::before,
.progress-bar,
.protractor-icon,
.server #wifi,
.setting div>img:first-child,
.setting div>img:last-child,
.shield-icon,
.social-icon,
.sys-icon,
.thumb-gradient,
.viewTwo img,
.watch-icon,
[data-slideshow*=Slideshow] .details,
[data-slideshow*=Slideshow] .details>div,
[data-slideshow*=Slideshow] .image-thumb .flower-bg+p,
[data-slideshow*=Slideshow]>div>p,
[data-slideshow*=Slideshow]>div>p::before,
canvas,
footer aside>div:first-child>div:last-child p,
hide-image {
    position: absolute
}

#analytics-dashboard>div:last-child,
#copyright,
#desktop-nav nav>ul>li:first-child,
#desktopNavPositions,
#desktopNavProduct,
#desktopnav-partial,
#digital-trans .benefits>div,
#digital-trans .benefits>div:nth-child(2)>div:first-child,
#digital-trans .different-approach>div:last-child,
#digital-trans .tab,
#digital-trans .tabs-accordion,
#forme #introBlock .colOne,
#forme #key-feature-four>div:first-child,
#forme #key-feature-four>div:last-child,
#forme #key-feature-one>div:first-child,
#forme #key-feature-one>div:last-child,
#forme #key-feature-three>div:first-child,
#forme #key-feature-three>div:last-child,
#forme #key-feature-two>div:first-child,
#forme #key-feature-two>div:last-child,
#forme .bgAnna,
#forme .masthead>div:first-child,
#intro,
#key-feature-one>div:first-child,
#mobile-nav .logo-mobile,
#our-approach>div>div,
#our-products .colOne>div:last-child,
#our-products .colTwo,
#our-products .slider,
#our-products .wrapper,
#outermost-circle,
#page-wrapper,
#positions-content,
#previous,
#principles>div:last-child>div,
#showViewOne,
#solutions>div:last-child,
.what-how-why,
.what-how-why .conseqta-who>div,
.what-how-why>div>div,
.flower-bg,
.green-machine,
.headline-block,
.headline-content,
.icon-wrapper>div,
.icon-wrapper>div>div,
.logo-mobile,
.masthead-product-swoosh,
.masthead-swoosh,
.product-principles,
.reactor,
.relative,
.reverse,
.showcase-wrapper,
.z-patch,
[data-slideshow*=Slideshow] .image-thumb,
[data-slideshow*=Slideshow]>div:first-child,
div[id*=key-feature]>div,
footer .low-footer li,
footer .low-footer p,
footer aside,
footer aside>div:first-child>div:last-child {
    position: relative
}

#bolt-clock,
#digital-trans .checkmark,
#digital-trans .different-approach>div:last-child div,
#digital-trans .page-title,
#financial-mgmt .page-title,
#forme [id*=key-feature] .mask,
#grant-mgmt .page-title,
#hamburger>div:nth-child(2),
#konverge .page-title,
#lines-border-circle-outer,
#middle-ring-thick,
#mobile-nav .logo-mobile img,
#our-approach>div>div img.large-blob,
#our-products #next,
#our-products #prev,
#our-products ul,
#particle-gun,
#particle-gun .emitter,
#positions .masthead,
#previous svg,
#streaming-analytics .page-title,
.what-how-why>div>div>div img,
.flower-bg,
.flower-bg svg+div,
.green-machine .logo,
.headline-content,
.icon-wrapper,
.icon-wrapper svg,
.icon-wrapper>div,
.lines-border-circle-inner,
.middle-ring-thin,
.outer-circle,
.setting>img:first-child,
.social-icon,
.viewTwo img,
[data-slideshow*=Slideshow] .image-thumb .flower-bg+p {
    top: 50%
}

#capabilities,
#desktop-nav nav li,
#hamburger,
#mobile-nav,
#mobile-nav footer a,
#mobile-nav footer a+p,
#our-approach h2+p,
#our-approach small+ul,
#our-approach ul,
#our-belief-btm,
#our-belief-top,
.at-conseqta,
.conseqta-btn,
.copyright p,
.header-white,
.headline-content h1,
.page-title h3,
.positions-title,
[data-slideshow*=Slideshow] .details>div,
footer aside+div,
footer aside+div>div:last-child ul a,
footer aside>div:nth-of-type(n+3),
footer input {
    color: var(--white)
}

#analytics-dashboard>div:last-child,
#capabilities>div:last-child,
#digital-trans .action-group,
#digital-trans .benefits,
#digital-trans .different-approach,
#forme #introBlock,
#forme #introBlock .colTwo>div,
#forme #key-feature-four,
#forme #key-feature-one,
#forme #key-feature-three,
#forme #key-feature-two,
#forme .feature-grid,
#forme .masthead,
#grant-mgmt #key-feature-six,
#key-feature-five,
#key-feature-four,
#key-feature-one,
#key-feature-three,
#key-feature-two,
#konverge .cluster-monitoring>div:last-child,
#our-products .colOne>div:last-child,
#our-products .colTwo #color-grid,
#our-products .content,
#positions-content,
#prev-next-wrapper,
#solutions,
#solutions>div:first-child,
#streaming-analytics #key-feature-special>div:last-child,
.green-machine,
.misc-backgrounds,
.page-grid {
    display: grid
}

#desktop-nav,
#digital-trans #masthead-wrapper,
#digital-trans .action-content,
#digital-trans .action-group,
#digital-trans .benefits,
#digital-trans .tab,
#digital-trans .tab-active,
#digital-trans .tab-active:hover,
#features-dd-menu li,
#forme .bgAnna:after,
#green-machine-gradient,
#key-feature-five img:first-child,
#key-feature-four img:first-child,
#key-feature-six img:first-child,
#key-feature-three img:first-child,
#mobile-nav,
#mobile-nav-transparent-bg,
#our-products .navigation,
#positions .positions-title,
#positions-content,
#product-principles,
.what-how-why .conseqta-who:first-child>div>div img,
.what-how-why>div>div,
.green-machine,
.hex-child,
.icon-wrapper #cloud,
.masthead-img,
.misc-backgrounds,
.mobile-fixed,
.node,
.thumb-gradient,
[data-slideshow*=Slideshow] .details,
[id*=current-image] img,
[id*=key-feature],
body,
footer aside>div:first-child,
html,
img {
    width: 100%
}

#capabilities,
#capabilities>div:last-child,
#desktopNavPositions,
#desktopNavProduct,
#desktopnav-partia,
#desktopnav-partial,
#digital-trans #masthead-wrapper,
#digital-trans .animation,
#digital-trans .benefits>div:nth-child(2),
#digital-trans .different-approach,
#forme #introBlock,
#forme .grey-dots,
#forme .in-action,
#forme .in-action p:first-child::before,
#green-machine-gradient,
#hamburger>div,
#intro aside::before,
#masthead-wrapper,
#our-approach,
#our-products .navigation,
#our-products .wrapper,
#our-products ul,
#outermost-circle,
#page-wrapper,
#positions-content,
#product-principles,
#solutions,
.what-how-why>div>div>div img,
.copyright p,
.green-machine,
.icon-wrapper #cloud,
.icon-wrapper #folder,
.node,
.page-grid,
.page-title p,
.reactor,
.server,
.setting,
canvas,
footer,
footer aside {
    margin: 0 auto
}

#analytics-dashboard>div:last-child,
#forme #introBlock,
#forme #introBlock .colTwo>div,
#forme .masthead,
#forme [id*=key-feature],
#grant-mgmt #key-feature-six,
#key-feature-five,
#key-feature-four,
#key-feature-one,
#key-feature-three,
#key-feature-two,
#konverge .cluster-monitoring>div:last-child,
#prev-next-wrapper,
#solutions,
#solutions>div:first-child,
#streaming-analytics #key-feature-special>div:last-child,
.misc-backgrounds {
    grid-template-columns: 50% 50%
}

#digital-trans .different-approach>div:last-child,
#key-feature-five>div:first-child,
#key-feature-four>div:last-child,
#key-feature-one>div:first-child,
#key-feature-three>div:first-child,
#key-feature-two>div:last-child {
    grid-area: textCol
}

#capabilities,
#capabilities>div:last-child,
#desktopNavPositions,
#desktopNavProduct,
#masthead-wrapper,
#positions-content,
#solutions,
.what-how-why,
.copyright p,
.page-grid,
footer {
    max-width: 1245px
}

#desktop-nav nav ul,
#green-machine-gradient,
#hamburger>div,
#intro aside::before,
#outermost-circle,
#prev-next-wrapper,
.what-how-why>div>div>div img,
.misc-backgrounds,
.product-principles::before,
canvas {
    right: 0
}

#desktop-nav,
#digital-trans #masthead-wrapper,
#forme .bgAnna:after,
#forme .desc-wrapper,
#intro aside::before,
#logo-desktop-masthead,
#mobile-nav,
#mobile-nav-transparent-bg,
#our-products .navigation,
.divider,
.mobile-fixed,
.product-list-bg,
.product-principles::before {
    top: 0
}

#forme #key-feature-four>div:first-child,
#forme #key-feature-one>div:last-child,
#forme #key-feature-three>div:last-child,
#forme #key-feature-two>div:first-child,
#key-feature-five>div:last-child,
#key-feature-four>div:first-child,
#key-feature-one>div:last-child,
#key-feature-three>div:last-child,
#key-feature-two>div:first-child {
    grid-area: photoCol
}

#bolt-clock,
#forme #key-feature-four>div:last-child>div,
#forme #key-feature-one>div:first-child>div,
#forme #key-feature-three>div:first-child>div,
#forme #key-feature-two>div:last-child>div,
#lines-border-circle-outer,
#middle-ring-thick,
#mobile-nav .logo-mobile img,
.flower-bg svg+div,
.green-machine .logo,
.icon-wrapper,
.lines-border-circle-inner,
.middle-ring-thin,
.outer-circle {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#capabilities>div:first-child,
#forme .in-action p:first-child,
#intro,
#mobile-nav,
#our-approach>div>div:first-child,
#our-products>p,
#principles>div:first-child>p,
.what-how-why,
.conseqta-btn,
.page-title,
.positions-title,
.product-principles {
    text-align: center
}

#forme .product-description h1,
#mobileNav a,
#our-products #color-grid>div p:first-child,
#our-products li,
.read-more-btn,
.viewOne a,
.viewTwo,
footer aside+div>div:last-child ul>li:first-child {
    color: var(--white)
}

#close,
#desktop-nav nav li,
#digital-trans .tab,
#hamburger,
#mobileNav>.viewOne>div,
#our-products #next,
#our-products #prev,
#our-products li,
#showViewOne p,
.conseqta-btn,
.hex-wrapper,
.pointer,
.position,
#our-products #desktop-next,
#our-products #desktop-prev,
[data-slideshow*=Slideshow] .image-thumb,
footer aside+div>div:first-child div+p+p {
    cursor: pointer
}

#logo-desktop img,
#logo-desktop-partial img,
#our-approach small+ul,
#our-products li,
.thumb,
footer aside+div>div:last-child ul,
footer aside>div:nth-of-type(n+3) {
    float: left
}

#our-approach>div,
footer aside+div,
footer aside>div:first-child,
footer aside>div:nth-child(4) p+div,
footer h3+div {
    display: flex
}

.cloud-icon,
.cycle-icon,
.doc-icon,
.flag-icon,
.link-icon,
.protractor-icon,
.shield-icon,
.sys-icon,
.watch-icon {
    width: 40px;
    background-size: 405px
}

#digital-trans .masthead-img+img,
#financial-mgmt .masthead-img+img,
#grant-mgmt .masthead-img+img,
#konverge .masthead-img+img,
#streaming-analytics .masthead-img+img {
    bottom: 0;
    height: 15.5%
}

.data-engineering-icon,
.distributed-icon,
.event-driven-icon,
.machine-learning-icon,
.microservice-icon,
.performance-icon {
    background-image: url(../img/home/our-capabilities-sprite.png);
    background-repeat: no-repeat;
    margin-bottom: 15px;
    background-size: 250px auto;
}

.cloud-icon,
.cycle-icon,
.doc-icon,
.flag-icon,
.link-icon,
.protractor-icon,
.shield-icon,
.sys-icon,
.watch-icon {
    background-image: url(../img/global/solutions-pages-icons.png);
    background-repeat: no-repeat;
    height: 52px;
    top: 5%
}

.absolute-image {
    left: 100%;
}

.accordion {
    display: none;
}

.action-content p {
    margin-top: 10px;
    font: normal 11pt/22px 'Open Sans', sans-serif;
    color: #2f3438;
}

.action-group>div:nth-child(1) {
    grid-area: tabOne;
}

.action-group>div:nth-child(2) {
    grid-area: tabTwo;
}

.action-group>div:nth-child(3) {
    grid-area: tabThree;
}

.action-group>div:nth-child(4) {
    grid-area: tabFour;
}

.action-group>div:nth-child(5) {
    grid-area: contentOne
}

.action-group>div:nth-child(6) {
    grid-area: contentTwo
}

.action-group>div:nth-child(7) {
    grid-area: contentThree
}

.action-group>div:nth-child(8) {
    grid-area: contentFour
}

#approach-footer,
#how-it-works-footer {
    margin-top: 23px;
    margin-bottom: 33px;
}

#careers-footer {
    margin-top: 27px;
}

.show-desktop-dd-menu {
    -webkit-clip-path: inset(0)!important;
    clip-path: inset(0)!important
}

.action-group .icon+.subheader {
    margin-top: 50px
}

#analytics-dashboard {
    max-width: 1100px;
    margin: 0 auto 100px auto;
    width: calc(100% - 120px)
}

#analytics-dashboard>div:last-child {
    background-color: var(--white);
    border-radius: 7px;
    margin-top: 30px;
    box-shadow: 0 2px 7px 1px rgb(0, 0, 0, .3);
    padding: 0 50px 40px 50px;
    min-height: 420px;
}

#analytics-dashboard>div div:nth-child(2) {
    padding-right: 50px;
    height: 100%;
}

#analytics-dashboard>div>div:last-child {
    padding-left: 50px
}

#analytics-dashboard>div>div p:last-child {
    font: normal 14px/23px 'Open Sans'
}

.analytics-img {
    height: 255px
}

.analytics-img+p {
    color: #0075a0;
    font: bold 1em 'Open Sans';
    margin-bottom: 15px
}

.at-conseqta {
    line-height: 25px;
    padding-right: 40px;
    font: 300 18px/24px Lato;
    margin-top: 20px
}

.b-mgmt .icon {
    width: 45px;
    transform: translateY(10px)
}

.conseqta-core {
    background: var(--midnightBlue) url(../img/home/swoosh-core-and-custom.png) scroll no-repeat 0 calc(100% + 1px) / 100% auto;
    padding-bottom: 200px;
    padding-top: 20px;
}

.black-bg {
    background: var(--midnightBlue)
}

#bolt-clock {
    width: 80%;
    height: 80%;
    left: 50%;
    transition-timing-function: ease-in-out;
    background: transparent url(../img/home/green_machine/boltpattern.svg) scroll no-repeat center/99%
}

.bolt-clock-spin {
    -webkit-animation: spinBolts 4s ease-in-out forwards;
    animation: spinBolts 4s ease-in-out forwards
}

.c-mgmt .icon {
    width: 45px
}

canvas {
    left: 0;
    max-width: 1400px;
    top: 30px;
}

#capabilities>div:nth-child(2)>div:first-child .icon {
    background-position: -55px;
    width: 24px
}

.capabilties-swoosh {
    height: 125px;
    background: transparent url(../img/home/capabilities_swoosh.png) scroll no-repeat 0 0/100%;
}

.swoosh-adjustment {
    width: calc(100% + 1px);
    background-color: var(--pageBG);
}

#capabilities>div:nth-child(2)>div:nth-child(2) .icon {
    background-position: 0
}

#capabilities>div:nth-child(2)>div:nth-child(3) .icon {
    background-position: -128px
}

#capabilities>div:nth-child(2)>div:nth-child(4) .icon {
    background-position: -102px
}

#capabilities>div:nth-child(2)>div:nth-child(5) .icon {
    background-position: -28px
}

#capabilities>div:nth-child(2)>div:nth-child(6) .icon {
    background-position: -76px
}

#capabilities {
    padding: 105px 0px 100px 0px;
}

#capabilities>div:first-child {
    margin-bottom: 75px;
}

#capabilities>div:first-child p:first-child,
#our-products>p:first-child {
    font: 600 15px 'Lato', sans-serif;
    text-transform: uppercase;
    color: #00BAE1;
}

#capabilities .icon,
#proven-accelerators h2,
#capabilities>div:first-child p:last-child {
    font: 300 40px Lato;
    margin-top: 10px;
    color: #383838;
}

#capabilities>div:last-child {
    grid-template-columns: auto auto auto;
    grid-row-gap: 70px;
    max-width: 1330px;
    grid-column-gap: 90px;
}

#capabilities>div:last-child>div div+p {
    font: 700 15px Lato;
    color: #1E1E1E;
    margin-top: 15px;
}

#capabilities>div:last-child>div p:nth-child(3) {
    margin-top: 14px;
}

#capabilities-wrapper {
    background-color: #F7F7FA;
}

.cloud-icon {
    background-position: -254px 3px;
    background-size: 455px;
    width: 46px;
}

.cycle-icon {
    background-position: -365px 0
}

#close {
    position: fixed;
    right: 50px;
    top: 20px;
    width: 40px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 999;
    display: none
}

#close svg .cls-1 {
    fill: var(--white);
    opacity: 1
}

.cloud-upload {
    -webkit-animation: uploadFile 3s 2s;
    animation: uploadFile 3s 2s;
    -webkit-animation-iteration-count: 5;
    animation-iteration-count: 5
}

@-webkit-keyframes uploadFile {
    0%,
    100% {
        top: 70px
    }
    20%,
    80% {
        top: 46px
    }
}

@keyframes uploadFile {
    0%,
    100% {
        top: 70px
    }
    20%,
    80% {
        top: 46px
    }
}

.conseqta-btn {
    border: none;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .4);
    border-radius: 4px;
    font: Bold 15px/30px Lato;
    padding: 5px 30px;
    pointer-events: all;
    transition: background-color .5s
}

#copyright {
    border-top: 3px solid #26292f;
    font: normal 13px 'Open Sans';
    padding-left: 40px;
    height: 50px
}

.copyright {
    border-top: 2px solid var(--darkGrey);
    padding: 10px 0;
    font: normal 12px 'Open Sans'
}

.copyright p {
    opacity: .3;
}

.data-engineering-icon {
    width: 48px;
    height: 65px;
    background-position: -121px 0;
}

#desktop-nav {
    height: 75px;
    transition: all 1s;
    position: fixed;
    z-index: 999
}

#desktopNavPositions,
#desktopNavProduct,
#desktopnav-partial {
    height: 75px;
}

#desktopnav-partial {
    max-width: 1305px;
    box-sizing: border-box;
}

#desktop-nav nav>ul {
    top: 22px;
    right: 0;
}

#desktop-nav nav li {
    color: var(--white);
    list-style-type: none;
    display: inline-block;
    font: 700 10pt Lato, sans-serif;
    padding: 0 20px;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    background-color: transparent;
}

#desktop-nav nav>ul>li {
    margin-right: 50px;
    border-radius: 6px
}

#desktop-nav li a {
    text-decoration: none;
    color: var(--white);
    display: block;
    padding-top: 10px;
    padding-bottom: 10px
}

#desktop-nav nav>ul>li:first-child {
    padding: 10px 20px;
}

#desktop-nav ul li ul:hover,
#desktop-nav ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    display: block
}

#desktop-nav .nav-dropdown {
    background-color: #111111ee;
    border-radius: 6px;
    width: 200px
}

#desktop-nav.transparent-nav nav li:hover {
    background: rgba(0, 0, 0, .5);
}

#desktop-nav nav {
    overflow: auto;
}

.digital-transformation {
    font-family: Lato;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 20px;
    pointer-events: all
}

.digital-transformation a {
    color: var(--persianBlue);
    text-decoration: none
}

#digital-trans .action-group:not(:last-child) {
    margin-right: 5px;
}

#digital-trans .action-content {
    grid-column: 1/span 4!important;
    background-color: var(--white);
    padding: 60px 10% 80px 10%;
    box-sizing: border-box;
    margin-top: 20px;
    border-radius: 6px;
    box-shadow: 0 2px 7px 1px rgb(0, 0, 0, .3)
}

#digital-trans .tab>div:first-child {
    height: 37px;
    background-color: transparent;
    background-image: url(../img/digital_transformation/digitaltransformationicons.png);
    background-repeat: no-repeat;
    background-size: 190px
}

#digital-trans .tabs-accordion {
    min-height: 300px;
    font: normal 12pt/23px Arial;
    max-width: 1100px;
    margin: 170px auto 160px auto;
    display: flex
}

#digital-trans .animation {
    width: 386px;
    height: 250px
}

#digital-trans .action-group {
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-areas: "tabOne tabTwo tabThree tabFour" "contentOne contentTwo contentThree contentFour"
}

#digital-trans .different-approach {
    max-width: 1100px;
    grid-template-columns: 40% 60%;
    grid-template-areas: 'picCol textCol'
}

#digital-trans .different-approach-bg {
    margin-top: 160px;
}

#digital-trans .different-approach>div:first-child {
    grid-area: picCol;
    overflow: hidden
}

#digital-trans .different-approach>div:last-child div {
    left: 40px;
    transform: translateY(-50%)
}

#digital-trans .different-approach h3 {
    font: normal 34px 'Open Sans';
    margin-bottom: 30px;
    color: #0b0f18;
    line-height: 0;
    padding-top: 13px
}

#digital-trans p span {
    font: normal 16px/23px 'Open Sans';
    color: #54595d
}

#digital-trans .action-content-hide {
    display: none;
    transform: none
}

#digital-trans .benefits {
    margin-top: 50px;
    grid-template-columns: auto auto auto
}

#digital-trans .benefits>div {
    color: #494f53;
    font: 600 11pt 'Open Sans'
}

#digital-trans .benefits>div:last-child>div:first-child {
    float: right;
}

.distributed-icon {
    width: 41px;
    background-position: -2px 0;
    height: 65px;
}

#digital-trans .checkmark {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px
}

#digital-trans .checkmark-text {
    padding-left: 40px;
}

#digital-trans .checkmark-text>span {
    display: block;
    margin-bottom: 2px
}

#digital-trans .tab {
    box-sizing: border-box;
    padding: 25px 0 10px 25px;
    transition: background-color .4s;
    border-radius: 6px
}

#digital-trans .tab-active,
#digital-trans .tab-active:hover {
    background-color: #eaeaea;
    border-top-right-radius: 6px!important;
    border-bottom-right-radius: 6px!important
}

.displayNone {
    display: none!important;
}

.displayElem {
    display: block!important;
}

.divider {
    width: 2px;
    height: 100%;
    background-color: #a8cedd;
    left: 50%
}

.doc-icon {
    background-position: 8px 0;
}

.dynamic-center {
    top: 50%!important;
    transform: translateY(-50%)
}

.event-driven-icon {
    width: 40px;
    height: 65px;
    background-position: -81px 0;
}

.f-mgmt .icon {
    width: 45px;
    padding-top: 5px;
    height: 40px;
}

.fadeElems {
    -webkit-animation: fadeInOut 5s ease-out infinite;
    animation: fadeInOut 5s ease-out infinite;
    opacity: 0
}

@-webkit-keyframes fadeInOut {
    0%,
    100% {
        opacity: 0
    }
    10%,
    90% {
        opacity: 1;
    }
}

@keyframes fadeInOut {
    0%,
    100% {
        opacity: 0;
    }
    10%,
    90% {
        opacity: 1;
    }
}

.flag-icon {
    background-position: -156px 2px;
    background-size: 360px;
    width: 40px;
    height: 43px;
}

#features-dd-menu {
    background: var(--bulgarianRose);
    height: 180px;
    width: 230px;
    overflow: hidden;
    border-radius: 6px;
    -webkit-transition: all .3s;
    transition: all .3s;
    top: 40px;
    left: -60px;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0)
}

#features-dd-menu li:hover {
    background-color: rgba(0, 0, 0, .3)
}

.feature-list {
    list-style: inside !important;
    opacity: .8;
    font: normal 14px/23px 'Open Sans';
    padding-right: 0;
    margin-top: 5px;
    margin-bottom: 20px;
    color: #333333;
}

.flower-bg {
    width: 52px;
    transform: translateY(-50%)
}

.flower-bg svg+div {
    font: bold 19px 'Open Sans';
    left: 50%
}

.folder-show-hide {
    -webkit-animation: folderShowHide 2s 2s;
    animation: folderShowHide 2s 2s;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3
}

@-webkit-keyframes folderShowHide {
    0%,
    100% {
        bottom: 42px;
    }
    20%,
    80% {
        bottom: 65px
    }
}

@keyframes folderShowHide {
    0%,
    100% {
        bottom: 42px;
    }
    20%,
    80% {
        bottom: 65px;
    }
}

.footer-wrapper {
    background: #181c24;
    background: -moz-linear-gradient(180deg, #181c24 0, #04060b 100%);
    background: -webkit-linear-gradient(180deg, #181c24 0, #04060b 100%);
    background: linear-gradient(180deg, #181c24 0, #04060b 100%);
    margin-top: -1px;
}

.footer-wrapper-positions {
    background: #181c24;
    background: -moz-linear-gradient(180deg, rgba(24, 28, 36, 0) 0, rgba(24, 28, 36, 0) 10%, #181c24 10%, #04060b 78%);
    background: -webkit-linear-gradient(180deg, rgba(24, 28, 36, 0) 0, rgba(24, 28, 36, 0) 10%, #181c24 10%, #04060b 78%);
    background: linear-gradient(180deg, rgba(24, 28, 36, 0) 0, rgba(24, 28, 36, 0) 10%, #181c24 10%, #04060b 78%)
}

.footer-swoosh {
    height: 100px;
    margin-bottom: -1px;
    margin-left: -1px;
    background: transparent url(../img/global/footer_swoosh.png) scroll no-repeat 0 0/101%
}

.footer-swoosh-alt {
    height: 100px;
    margin-bottom: -1px;
    margin-left: -1px;
    background: transparent url(../img/footer_swoosh_alt.png) scroll no-repeat 0 0/101%
}

footer {
    padding: 75px 0 0 0;
}

footer aside {
    box-shadow: 0 6px 10px 6px rgb(0, 0, 0, .3);
    background-color: #1f2125;
    padding: 50px;
    box-sizing: border-box;
    border-radius: 6px;
    overflow: auto
}

footer .low-footer li,
footer .low-footer p,
footer aside+div>div:last-child ul a {
    color: #a9aebd;
}

footer .conseqta-btn {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    margin: 0!important;
    padding: 2px 30px 3px 30px
}

footer aside>div:nth-child(2) {
    background-color: #111319;
    margin-bottom: 35px;
    margin-top: 40px;
    height: 2px
}

footer aside>div:nth-child(3) {
    width: 40%
}

footer aside>div:nth-child(4) {
    width: calc(40% - 30px);
    margin-left: 30px
}

footer aside>div:nth-child(4) p+div>ul:first-child {
    width: 50%
}

footer aside>div:nth-child(3) p+ul {
    display: inline-block;
    width: 50%
}

footer aside>div:nth-child(3) p+ul+ul {
    display: inline-block;
    transform: translateY(-27px)
}

footer aside>div:last-child {
    width: 20%
}

footer aside>div:nth-of-type(n+3) p {
    font: bold 17px Lato;
    margin-bottom: 15px
}

footer aside>div:nth-of-type(n+3) li {
    font: normal 14px 'Open Sans';
    margin-bottom: 8px;
    color: #adb3c4
}

footer aside>div:first-child>div {
    width: 50%
}

footer aside>div:first-child>div:last-child p {
    bottom: -5px
}

footer .logo>img {
    width: 150%
}

footer aside+div>div:first-child {
    font: 400 13px/23px 'Open Sans'
}

footer aside+div>div:last-child ul>li:first-child {
    font-weight: 700;
}

footer aside+div {
    margin: 60px auto 0 auto;
    margin-bottom: 30px
}

footer .logo {
    width: 105px;
    transform: translateY(-12px);
}

footer aside+div>div:first-child div+p {
    margin-bottom: 26px;
    width: 75%;
}

footer aside+div>div:last-child {
    font-family: 'Open Sans';
    min-width: 600px;
    float: right;
    width: auto
}

footer aside+div>div:last-child ul:nth-child(2) {
    width: 38%;
    transform: translateX(10%);
}

footer aside+div>div:last-child ul li {
    margin-bottom: 10px;
    font-size: 13px
}

footer aside+div>div ul:last-child>a+li {
    margin-top: 33px;
}

footer aside+div>div ul:last-child>li:last-child {
    margin-top: 27px;
}

footer aside+div>div:last-child ul:first-child {
    width: 35%;
}

footer aside+div>div:last-child ul>li:first-child {
    text-transform: uppercase
}

footer aside+div>div:last-child ul a {
    text-decoration: none
}

footer aside+div>div:last-child ul>li:last-child {
    line-height: 25px
}

footer aside+div:not(:last-child)>div:last-child ul li:not(:first-child) {
    text-transform: uppercase
}

footer h3 {
    color: #ececec;
    font: bold 30px Lato
}

footer h3+div {
    margin-top: 25px;
}

footer input {
    background-color: #2d2e32;
    font: normal 13px 'Open Sans';
    box-sizing: border-box;
    outline: 0;
    border: none;
    width: 60%;
    padding-left: 20px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.flip {
    transform: scale(-1);
    background-color: white;
    width: calc(100% + 5px);
    margin-left: -3px;
}

#forme .masthead {
    height: 470px;
    grid-template-areas: 'introCopy showcaseImg';
    padding-left: 0;
    padding-top: 120px;
    margin-top: 0;
}

#forme .masthead>div:first-child {
    margin-top: 55px;
}

#forme .masthead>div:first-child {
    grid-area: introCopy;
}

#forme .product-description {
    line-height: 50px;
    max-width: 500px;
}

#forme .product-description h1 {
    font: 300 43px/52px 'Lato';
}

#forme .get-started {
    margin-top: 65px;
}

#forme .get-started p {
    color: #D2D2D3;
    font: normal 15px/45px 'Lato';
    margin-top: 20px;
}

#forme .masthead>div:last-child {
    grid-area: showcaseImg;
}

#forme .showcase img {
    width: 840px;
}

#forme #how-it-works {
    background-color: var(--pageBG);
}

#forme #introBlock {
    grid-template-areas: 'solution snippets';
    padding-top: 75px;
    max-width: 1245px;
    padding-bottom: 50px;
    box-sizing: border-box;
}

#forme #introBlock .colOne {
    grid-area: solution;
    padding-right: 35%;
    padding-top: 10%;
}

#forme #introBlock h2 {
    font: 400 45px 'Lato';
    margin-bottom: 20px;
    margin-left: -3.5px;
}

#forme #introBlock h2+p {
    font: normal 14px/21px 'Open Sans';
    color: #2B2B2B;
}

#forme #introBlock .colTwo>div {
    grid-area: snippets;
}

#forme #introBlock .b-mgmt .icon,
#forme #introBlock .c-mgmt .icon,
#forme #introBlock .f-mgmt .icon,
#forme #introBlock .s-mgmt .icon {
    background-image: url(../img/forme/forme_home_pg_icons.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 190px;
}

#forme #introBlock .b-mgmt .icon {
    background-position: 4px 3px;
    width: 55px;
    background-size: 181px;
}

#forme #introBlock .c-mgmt .icon {
    background-position: -56px 11px;
    width: 50px;
    height: 47px;
    margin-bottom: 8px;
}

#forme #introBlock .f-mgmt .icon {
    background-position: -167px 4px;
    width: 45px;
    background-size: 209px;
    margin-bottom: 5px;
    margin-top: 50px;
}

#forme #introBlock .s-mgmt .icon {
    background-position: -109px 1px;
    width: 42px;
    height: 46px;
    margin-top: 50px;
}

#forme #introBlock .icon {
    margin-top: 35px;
    margin-bottom: 15px;
    height: 40px;
}

#forme .bgAnna {
    margin: 10px auto 0 auto;
}

#forme .bgAnna>div {
    overflow: hidden;
}

#forme #key-feature-two {
    margin-bottom: 320px;
}

#forme .in-action {
    background-color: white;
    color: #333333;
    width: 41%;
    left: 0;
    right: 0;
    bottom: -18%;
    padding: 45px 40px 30px 40px;
    border-radius: 7px;
    z-index: 10;
    box-shadow: 0px 2px 7px 1px rgb(0, 0, 0, .3);
}

#forme .in-action p:first-child {
    font: bold 19px 'Open Sans';
    text-transform: uppercase;
    margin-bottom: 15px;
}

#forme .in-action p:first-child::before {
    content: "";
    background-color: rgb(9, 200, 255);
    height: 4px;
    width: 25px;
    top: 25px;
    right: 0;
    left: 0;
}

#forme .in-action p:last-child {
    font: normal 16px/23px 'Open Sans';
}

#forme .bgAnna>div:first-child:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 20%;
    background: rgb(246, 246, 249);
    background: -moz-linear-gradient(180deg, rgba(252, 253, 254, 1) 20%, rgba(252, 253, 254, .3) 50%);
    background: -webkit-linear-gradient(180deg, rgba(252, 253, 254, 1) 20%, rgba(252, 253, 254, .3) 50%);
    background: linear-gradient(180deg, rgba(252, 253, 254, 1) 20%, rgba(252, 253, 254, 0) 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f9", endColorstr="#000000", GradientType=1);
}

#forme .feature-grid {
    max-width: 1460px;
    margin: 140px auto 200px auto;
    padding: 0 60px 0 60px;
    box-sizing: border-box;
}

#forme #key-feature-one {
    margin-top: 170px;
    margin-bottom: 240px;
}

#forme #key-feature-one,
#forme #key-feature-three {
    grid-template-areas: 'textCol photoCol';
}

#forme #key-feature-one>div:first-child,
#forme #key-feature-three>div:first-child {
    grid-area: textCol;
}

#forme #key-feature-one>div:first-child>div,
#forme #key-feature-two>div:last-child>div,
#forme #key-feature-three>div:first-child>div,
#forme #key-feature-four>div:last-child>div {
    left: 50%;
    min-width: 300px;
}

#forme .swoosh-top img {
    display: block;
}

#forme .blue-text-caps,
#transformation-accelerators .blue-text-caps,
#proven-accelerators .how-we-do-it {
    font: bold 15px/10px 'Lato';
    text-transform: uppercase;
    color: rgb(9, 200, 255);
}

#forme .blue-text-caps+h2 {
    font: lighter 44px/50px 'Lato';
    margin-bottom: 0;
    margin-top: 15px;
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px);
    white-space: nowrap;
}

#forme .feature-grid .paragraph {
    width: 375px;
    padding-right: 0;
}

#forme .paragraph {
    font: normal 14px/23px 'Open Sans';
    padding-right: 0;
    margin-top: 15px;
    margin-bottom: 20px;
    color: #333333;
}

#forme .feature-grid .conseqta-btn {
    -webkit-transition: all .5s;
    transition: all .5s;
    color: rgb(52, 52, 53);
    background: rgb(241, 242, 248);
    box-shadow: 0px 1px 3px 1px transparent;
    background: -moz-linear-gradient(180deg, rgba(241, 242, 248, 1) 28%, rgba(236, 237, 243, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(241, 242, 248, 1) 28%, rgba(236, 237, 243, 1) 100%);
    background: linear-gradient(180deg, rgba(241, 242, 248, 1) 28%, rgba(236, 237, 243, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f1f2f8", endColorstr="#ecedf3", GradientType=1);
}

#forme #key-feature-four {
    margin-top: 180px;
    margin-bottom: 30px;
}

#forme .page-grid {
    padding-bottom: 20%;
}

#forme #introBlock h5 {
    color: #1D1D1D;
    font: 700 17px/34px 'Lato';
    font-family: 'Lato';
}

#forme #introBlock h5~p {
    font: normal 14px/21px 'Open Sans';
    color: #686B74;
}

#forme .colTwo p {
    max-width: 80%;
}

#forme #key-feature-two,
#forme #key-feature-four {
    grid-template-areas: 'photoCol textCol';
}

#forme #key-feature-one,
#forme #key-feature-two,
#forme #key-feature-three,
#forme #key-feature-four {
    max-width: none;
}

#forme .footer-product-label {
    margin-bottom: 15px!important;
    line-height: 1!important
}

#forme #key-feature-two>div:last-child,
#forme #key-feature-four>div:last-child {
    grid-area: textCol;
}

#forme #key-feature-three {
    grid-gap: 25px;
}

#forme .doc-icon,
#forme .protractor-icon,
#forme .link-icon,
#forme .cloud-icon,
#forme .flag-icon,
#forme .shield-icon {
    background-image: url(../img/forme/popular_features.png);
    background-repeat: no-repeat;
}

#forme .doc-icon {
    background-size: 220px;
    height: 40px;
    width: 64px;
    background-position-x: 0;
}

#forme .protractor-icon {
    background-size: 240px;
    background-position-x: -68px;
    height: 40px;
    width: 42px;
    left: 10px;
}

#forme .link-icon {
    background-size: 270px;
    background-position-x: -123px;
    height: 43px;
    width: 31px;
    left: 15px;
}

#forme .cloud-icon {
    background-size: 270px;
    background-position-x: -239px;
    height: 43px;
    width: 35px;
    left: 15px;
}

#forme .flag-icon {
    background-size: 270px;
    background-position-x: -196px;
    height: 43px;
    width: 42px;
    left: 12px;
}

#forme .shield-icon {
    background-size: 270px;
    background-position-x: -153px;
    height: 43px;
    width: 42px;
    left: 12px;
}

#forme #key-feature-two img:last-child {
    max-width: 500px;
}

#forme #key-feature-three .mask {
    transform: translate(-50%, -50%);
    width: 125%;
    left: 50%;
}

#forme .footer-swoosh {
    background-image: url(../img/forme/footer-swoop.png);
}

#forme #key-feature-one img:first-child {
    bottom: -30px;
    left: 10%;
    transform: rotate(-30deg);
}

#forme #key-feature-four .mask {
    transform: translate(-15%, -50%);
}

#forme #key-feature-one .mask,
#forme #key-feature-two .mask {
    transform: translateY(-50%);
}

#forme #key-feature-one .mask {
    width: 80%;
}

#forme #key-feature-four .mask {
    width: 85%;
}

#forme #principles {
    margin-bottom: 175px;
}

.green-machine-BG {
    background-color: var(--midnightBlue);
}

.green-machine {
    pointer-events: none;
    max-width: 1400px;
    box-sizing: border-box;
    grid-template-columns: 55% 45%;
    grid-template-areas: 'headlineBlock animation';
    padding-top: 120px;
    padding-bottom: 90px;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 60px;
}

.green-machine>div:last-child {
    grid-area: animation
}

#green-machine-gradient {
    pointer-events: none;
    background: linear-gradient(90deg, #191b1d 0, rgba(25, 27, 29, 0) 45%, rgba(25, 27, 29, 0) 65%, #191b1d 70%);
    max-width: 1400px;
    height: 450px;
    left: 0;
    top: 75px;
    -webkit-animation: beginParticles 1s ease-out 2s forwards;
    animation: beginParticles 1s ease-out 2s forwards
}

@-webkit-keyframes beginParticles {
    0% {
        background: linear-gradient(90deg, #191b1d 0, rgba(25, 27, 29, 0) 45%, rgba(25, 27, 29, 0) 65%, #191b1d 70%);
    }
    100% {
        background: linear-gradient(90deg, #191b1d 10%, rgba(25, 27, 29, 0) 45%, rgba(25, 27, 29, 0) 65%, #191b1d 70%);
    }
}

@keyframes beginParticles {
    0% {
        background: linear-gradient(90deg, #191b1d 0, rgba(25, 27, 29, 0) 45%, rgba(25, 27, 29, 0) 65%, #191b1d 70%);
    }
    100% {
        background: linear-gradient(90deg, #191b1d 10%, rgba(25, 27, 29, 0) 45%, rgba(25, 27, 29, 0) 65%, #191b1d 70%);
    }
}

.green-machine .logo {
    background: transparent url(../img/home/green_machine/logo.svg) scroll no-repeat 0 0/95%;
    left: 49.5%;
    width: 15%;
    height: 15%
}

.headline-block {
    grid-area: headlineBlock
}

#hamburger {
    background-color: #141518;
    border-radius: 5px;
    position: fixed;
    display: none;
    z-index: 200;
    height: 40px;
    width: 40px;
    right: 50px;
    top: 20px
}

#hamburger>div {
    background-color: var(--white);
    height: 3px;
    width: 60%;
    left: 0
}

#hamburger>div:first-child {
    top: 10px
}

#hamburger>div:nth-child(2) {
    transform: translateY(-50%)
}

#hamburger>div:last-child {
    bottom: 10px
}

#hamburger .cls-1 {
    fill: var(--white);
    opacity: 1
}

.header-product-label {
    font-size: 2.5vh
}

.header-blue {
    background: #7ee4e0;
    background: -moz-linear-gradient(90deg, #7ee4e0 0, #7ecddf 100%);
    background: -webkit-linear-gradient(90deg, #7ee4e0 0, #7ecddf 100%);
    background: linear-gradient(90deg, #7ee4e0 0, #7ecddf 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.headline-content {
    width: 600px;
    transform: translateY(calc(-50%))
}

.headline-content h1 {
    font: 300 47px/60px Lato
}

.headline-content h1 span:first-child {
    margin-right: 12px
}

.headline-content h1 span:nth-child(3) {
    display: inline-block;
    margin-right: 12px
}

.header-white {
    background: #d1d2d2;
    background: -moz-linear-gradient(90deg, #d1d2d2 0, #a8a9ad 100%);
    background: -webkit-linear-gradient(90deg, #d1d2d2 0, #a8a9ad 100%);
    background: linear-gradient(90deg, #d1d2d2 0, #a8a9ad 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.hex-wrapper {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
}

.hex-shape {
    overflow: hidden;
    width: 25px;
    height: 13px;
    margin-bottom: 5px
}

.hex-child {
    height: 100%;
    background-color: rgba(82, 221, 168, .4);
    visibility: visible
}

.hex-child,
.hex-shape {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.hex-color {
    -webkit-animation: showProgress 1.5s forwards;
    animation: showProgress 1.5s forwards
}

@-webkit-keyframes showProgress {
    0% {
        background-color: rgba(82, 221, 168, .4);
    }
    15% {
        background-color: rgba(82, 221, 168, .6);
    }
    55% {
        background-color: rgba(82, 221, 168, .7);
    }
    85% {
        background-color: rgba(82, 221, 168, .8);
    }
    100% {
        background-color: #52dda8;
    }
}

@keyframes showProgress {
    0% {
        background-color: rgba(82, 221, 168, .4);
    }
    15% {
        background-color: rgba(82, 221, 168, .6);
    }
    55% {
        background-color: rgba(82, 221, 168, .7);
    }
    85% {
        background-color: rgba(82, 221, 168, .8);
    }
    100% {
        background-color: #52dda8;
    }
}

.hide-btn {
    display: none!important
}

.hide-image {
    left: 0;
    -webkit-animation: clipImg .6s ease-out forwards;
    animation: clipImg .6s ease-out forwards
}

@-webkit-keyframes clipImg {
    0% {
        clip-path: inset(0 0 0 0);
    }
    100% {
        clip-path: inset(0 100% 0 0);
    }
}

@keyframes clipImg {
    0% {
        clip-path: inset(0 0 0 0);
    }
    100% {
        clip-path: inset(0 100% 0 0);
    }
}

#home-page .masthead {
    margin-top: 0;
    padding-top: 0
}

.how-we-do {
    width: auto;
    height: 180px;
    position: relative;
}

.how-we-do-img {
    float: left;
    width: 15%;
    margin-right: 5%;
    margin-left: 5%;
}

.how-we-do-text {
    float: left;
    width: 70%
}

.holdScale p {
    font-weight: 700
}

#home-page .lower-gear-spin {
    opacity: 1;
    width: 60%;
    top: 74px;
    left: 35%;
    -webkit-animation: spinSetting 5s .5s forwards;
    animation: spinSetting 5s .5s forwards;
    -webkit-animation-iteration-count: 4;
    animation-iteration-count: 4
}

#home-page .setting {
    background: 0 0
}

#home-page .setting>div {
    height: 100%;
    width: 100px;
    right: 0
}

.icon-wrapper {
    width: 530px;
    height: 100%;
    border-radius: 50%;
    left: 50%;
}

.icon-wrapper>div {
    height: 140%;
    transform: translateY(-50%);
    border-radius: 50%
}

.icon-wrapper>div>div {
    height: 20%;
    background-image: url(../img/home/green_machine/iconography.png);
    background-repeat: no-repeat
}

.icon-wrapper>div>div:nth-child(2) svg {
    right: 25px
}

.icon-wrapper>div>div:nth-child(3) svg {
    width: 32px;
    right: 1px
}

.icon-wrapper>div>div:nth-child(4) svg {
    right: 25px
}

.icon-wrapper>div>div:last-child svg {
    left: 53px;
    top: 21px;
    transform: none;
    width: 30px
}

.icon-wrapper svg {
    width: 35px;
    fill: var(--electricGreen);
    transform: translateY(-50%);
}

.icon-wrapper #cloud {
    background-size: 45px;
    background-size: 50px;
    background-position-x: 99%;
    background-position-y: 33px
}

.icon-wrapper #cloud img {
    width: 23px;
    top: 70px;
    right: 19px
}

.icon-wrapper #folder {
    background-size: 49px;
    background-position-x: right;
    width: 70%;
    background-position-y: -165px
}

.icon-wrapper #folder img {
    width: 25px;
    right: 13px;
    bottom: 42px;
    z-index: -1
}

.imageTitle {
    font: normal 25px 'Open Sans';
    margin-bottom: 15px;
}

#job-title {
    font: normal 34px 'Open Sans';
    margin-bottom: 25px
}

#key-feature-five,
#key-feature-one,
#key-feature-three {
    grid-template-areas: 'textCol photoCol'
}

#key-feature-four,
#key-feature-two {
    grid-template-areas: 'photoCol textCol'
}

.link-icon {
    background-position: -98px 0;
    width: 52px;
    background-size: 470px;
    left: -5px;
}

#lines-border-circle-outer {
    width: 96%;
    height: 96%;
    border-radius: 50%;
    left: 50%;
    overflow: hidden;
    transition-property: transform;
    -webkit-transition-property: all;
    transition-timing-function: ease-in-out;
    transition-property: all;
    background-image: url(../img/home/green_machine/lines.svg);
}

.spin-lines-border {
    -webkit-animation: spinLinesBorder 18s;
    animation: spinLinesBorder 18s;
}

@-webkit-keyframes spinLinesBorder {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    50% {
        transform: translate(-50%, -50%) rotate(1500deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

@keyframes spinLinesBorder {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    50% {
        transform: translate(-50%, -50%) rotate(1500deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.lines-border-circle-inner {
    background-image: url(../img/home/green_machine/innerworkings.svg);
    width: 41%;
    height: 41%;
    border-radius: 50%;
    left: 50%;
    background-repeat: no-repeat
}

.lines-border-spin {
    -webkit-animation: spinLines 4s ease-in-out;
    animation: spinLines 4s ease-in-out
}

@-webkit-keyframes spinLines {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg) scale(.95);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg) scale(1);
    }
}

@keyframes spinLines {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg) scale(.95);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg) scale(1);
    }
}

@-webkit-keyframes spinBolts {
    0%,
    100% {
        transform: translate(-50%, -50%) rotate(0);
    }
    50% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes spinBolts {
    0%,
    100% {
        transform: translate(-50%, -50%) rotate(0);
    }
    50% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.lightgreyBG {
    background-color: var(--lightgrey)
}

#logo-desktop img {
    width: 150px;
    padding: 25px 0 0 0;
    border: none;
    outline: none;
}

#logo-desktop-partial img {
    width: 150px;
    padding: 25px 0 0 0;
}

#logo-desktop+nav ul li:last-child {
    margin-right: 0
}

#home-page .masthead-swoosh img {
    background-color: var(--white)
}

#digital-trans #masthead-wrapper {
    left: 0;
    right: 0;
}

.masthead-img {
    margin: 0;
    padding: 0;
    background: transparent url(../img/global/headergraphic.jpg) scroll no-repeat 0 0/cover;
    height: 400px;
}

.masthead-swoosh {
    background-color: var(--white)
}

#mobile-nav-transparent-bg {
    display: none;
    background-color: transparent;
    height: 80px;
    position: fixed;
    z-index: 100;
    transition: background-color .5s;
}

.microservice-icon {
    width: 39px;
    background-position: -42px 0;
    height: 65px;
}

#middle-ring-thick {
    background: transparent url(../img/home/green_machine/vertical_line_border.svg) scroll no-repeat center/130%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
    -moz-transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
    transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
    border: 5px solid var(--electricGreen);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-size: 110%;
    border-radius: 50%;
    width: 55%;
    height: 55%;
    left: 50%;
}

.spin-middle-ring-thick {
    -webkit-animation: middleRingThick 18s ease-out;
    -moz-animation: middleRingThick 18s ease-out;
    ;
    animation: middleRingThick 18s ease-out;
}

@-webkit-keyframes middleRingThick {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
        -moz-transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
        transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
    }
    15% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1.07);
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(1.07);
        transform: translate(-50%, -50%) rotate(180deg) scale(1.07);
    }
    40% {
        -webkit-transform: translate(-50%, -50%) rotate(540deg) scale(1.05);
        -moz-transform: translate(-50%, -50%) rotate(540deg) scale(1.05);
        transform: translate(-50%, -50%) rotate(540deg) scale(1.05);
    }
    55% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1.27);
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(1.27);
        transform: translate(-50%, -50%) rotate(180deg) scale(1.27);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
        -moz-transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
        transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
    }
}

@keyframes middleRingThick {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
        -moz-transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
        transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
    }
    15% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1.07);
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(1.07);
        transform: translate(-50%, -50%) rotate(180deg) scale(1.07);
    }
    40% {
        -webkit-transform: translate(-50%, -50%) rotate(540deg) scale(1.05);
        -moz-transform: translate(-50%, -50%) rotate(540deg) scale(1.05);
        transform: translate(-50%, -50%) rotate(540deg) scale(1.05);
    }
    55% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1.27);
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(1.27);
        transform: translate(-50%, -50%) rotate(180deg) scale(1.27);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
        -moz-transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
        transform: translate(-50%, -50%) rotate(0deg) scale(1.05);
    }
}

.middle-ring-thin {
    border: 5px solid var(--electricGreen);
    width: 44%;
    height: 44%;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.6);
    -moz-transform: translate(-50%, -50%) scale(.6);
    transform: translate(-50%, -50%) scale(.6);
}

.spin-middle-ring-thin {
    -webkit-animation: middleRingThin 18s ease-out;
    -moz-animation: middleRingThin 18s ease-out;
    animation: middleRingThin 18s ease-out;
}

@-webkit-keyframes middleRingThin {
    0%,
    30%,
    100% {
        -webkit-transform: translate(-50%, -50%) scale(.6);
        -moz-transform: translate(-50%, -50%) scale(.6);
        transform: translate(-50%, -50%) scale(.6);
    }
    15%,
    75% {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        -moz-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }
}

@keyframes middleRingThin {
    0%,
    30%,
    100% {
        -webkit-transform: translate(-50%, -50%) scale(.6);
        -moz-transform: translate(-50%, -50%) scale(.6);
        transform: translate(-50%, -50%) scale(.6);
    }
    15%,
    75% {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        -moz-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }
}

.masthead {
    margin-top: 70px;
    padding-top: 75px;
    padding-bottom: 60px;
    padding-left: 10px
}

.masthead-positions-swoosh {
    background: var(--midnightBlue) url(../img/positions/open-positions-header.jpg) scroll no-repeat 0 bottom/contain;
    height: 250px;
}

.machine-learning-icon {
    width: 38px;
    background-position: -169px 0;
    height: 65px;
}

.misc-backgrounds {
    height: 100%;
    left: 0
}

#mobile-nav .logo-mobile {
    height: 10vh;
    width: 150px;
    padding: 0 0 0 55px
}

#mobile-nav {
    background-color: #1A1C1F;
    overflow: scroll;
    clip-path: inset(0 0 0 0);
    font: 300 44px Lato;
    position: fixed;
    left: -110%;
    z-index: 100;
    height: 100%;
    overflow-x: hidden;
    -webkit-transition: left .35s ease-in-out;
    transition: left .35s ease-in-out;
}

#mobileNav {
    -webkit-transition: left .35s ease-out;
    transition: left .35s ease-out;
    margin-top: 10vh;
    height: calc(90vh - 40px);
    padding-bottom: 40px;
    width: 200%;
    left: 0;
}

#mobileNav>.viewOne>div {
    height: 14vh;
}

#mobileNav a {
    text-decoration: none;
    color: white;
}

.page-grid .paragraph,
.page-grid h2 {
    opacity: .8;
}

#our-approach>div>h2 {
    display: none;
}

#our-approach-wrapper {
    overflow: auto;
}

.viewOne a {
    text-decoration: none;
}

#features>div {
    display: inline-block;
    width: 15px;
    -webkit-transform: translate(15px, 2px);
    -ms-transform: translate(15px, 2px);
    transform: translate(15px, 2px);
}

.viewTwo {
    font-family: Lato;
    text-align: left;
    padding: 0 3.5%;
    box-sizing: border-box;
}

.viewTwo img {
    width: 12px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.showViewTwo {
    left: -100%!important;
}

.viewTwo ul {
    font-size: 20px;
    padding-left: 40px;
    line-height: 55px;
    margin-top: 15px;
    letter-spacing: .5pt;
}

#showViewOne img+p {
    margin-left: 40px;
    font-size: 1em;
}

#mobileNav a {
    text-decoration: none;
    font-size: 1em;
}

.mobile-nav-show {
    left: 0!important;
}

#mobile-nav footer {
    height: 25vh;
    padding: 0;
    border-top: 1px solid rgba(256, 256, 256, .2)
}

#mobile-nav footer p:first-child {
    text-transform: uppercase;
    color: var(--oceanblue);
    font: 400 12px Lato;
    height: 25%;
    line-height: 6.5vh
}

#mobile-nav footer a {
    font: 300 12px 'Open Sans';
    text-decoration: none;
    height: 15%;
    display: block;
    line-height: 3.5vh
}

#mobile-nav footer a+p {
    height: 15%;
    font: normal 12px 'Open Sans';
    line-height: 4vh
}

#mobile-nav footer a+p+p {
    font: 300 12px 'Open Sans';
    height: 15%;
    line-height: 3.8vh
}

#mobile-nav footer p:last-child {
    font: 300 12px 'Open Sans';
    height: 15%;
    line-height: 3.8vh
}

#mobile-nav .logo-mobile img {
    left: 50%;
    width: 80%
}

#mobileNav>.viewOne>div {
    height: 14vh;
}

.node {
    background-size: 50px;
    background-position-x: right;
    background-position-y: -262px
}

.node-scale {
    -webkit-animation: highlightNode 3.25s;
    animation: highlightNode 3.25s;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3
}

@-webkit-keyframes highlightNode {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(.95);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(.95);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes highlightNode {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(.95);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(.95);
    }
    100% {
        transform: scale(1);
    }
}

#our-products {
    padding-top: 30px;
    background: #f6f6f9;
}

#our-products #color-grid>div p:first-child,
#our-products li>span:first-child {
    font: 700 17px Lato;
    color: #1E1E1E;
}

#our-products>div:first-child {
    font: normal 30px 'Open Sans';
    color: rgb(11, 13, 19);
    margin-bottom: 10px;
    max-width: 1245px;
    margin-left: auto;
    margin-right: auto;
}

#our-products>p:last-child {
    color: var(--midnightBlue)
}

#our-products .wrapper {
    width: 1295px;
    height: 80px;
    overflow: hidden;
    margin-top: 30px;
}

#our-products .current-slide::after {
    content: "";
    background-color: rgb(27, 184, 220);
    width: calc(100% - 4px);
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 2px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

#our-products li .hover-border {
    background-color: rgb(27, 184, 220);
    width: 0;
    height: 8px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 2px;
    transition: width .25s;
    display: block;
}

#our-products li:hover .hover-border {
    width: calc(100% - 4px) !important;
}

#our-products .current-slide span:last-child {
    color: rgb(11, 13, 19);
}

#our-products ul {
    overflow: auto;
    left: 0;
    height: 70px;
    right: 0;
    transition: left .3s;
    top: 0;
}

#our-products li {
    height: 70px;
    left: 0;
    border-right: 1px solid #686b74;
    padding-left: 2.5%;
    box-sizing: border-box;
    position: relative;
    padding-right: 2.5%;
    width: 20%;
}

#our-products li:last-child {
    border: none
}

#our-products #desktop-prev,
#our-products #desktop-next {
    top: 50%;
    position: absolute;
}

#our-products .click-area {
    width: 60px;
    height: 90px;
    position: absolute;
    top: -30px;
    cursor: pointer;
}

#our-products .area-lft {
    left: -15px;
}

#our-products .area-rt {
    right: -15px;
}

#our-products #prev,
#our-products #desktop-prev {
    outline: 0;
    border: none;
    transform: translateY(-50%);
    padding-left: 9px;
}

#our-products #next,
#our-products #desktop-next {
    outline: 0;
    border: none;
    transform: translateY(-50%);
    right: 0;
    padding-left: 5px;
}

#our-products #next,
#our-products #prev {
    border-radius: 50%;
    border: 1px solid black;
    width: 30px;
    height: 30px;
    background-color: white;
    z-index: 10;
}

#our-products #desktop-next,
#our-products #desktop-prev,
#our-products #next,
#our-products #prev {
    border-radius: 50%;
    border: 1px solid black;
    width: 30px;
    height: 30px;
    background-color: white;
    z-index: 10;
}

#our-products #desktop-prev div,
#our-products #desktop-next div,
#our-products #next>div:first-child,
#our-products #prev>div:first-child {
    width: 10px;
    height: 10px;
    border-right: 2px solid black;
    border-top: 2px solid black;
    transform: rotate(45deg);
}

#our-products #desktop-prev {
    background-color: transparent;
    border: 1px solid white;
}

#our-products #desktop-prev>div {
    border-right: 2px solid white;
    border-top: 2px solid white;
}

#our-products #desktop-next {
    background-color: transparent;
    border: 1px solid white;
}

#our-products #desktop-next>div {
    border-right: 2px solid white;
    border-top: 2px solid white;
}

#our-products #desktop-prev div,
#our-products #prev div:first-child {
    transform: rotate(-135deg);
}

#our-products .slider button {
    width: 25px;
}

#our-products .slider-bg {
    height: 70px
}

#our-products .full-width-gradient {
    position: relative;
    background: rgb(22, 23, 23);
    background: linear-gradient(351deg, rgba(22, 23, 23, 1) 0%, rgba(51, 55, 56, 1) 89%);
}

#our-products .desktop-navigation {
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 1290px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#our-products li>p:last-child {
    color: #d1d1d2
}

#our-products .navigation {
    display: none;
    max-width: 1070px;
    left: 0;
    height: 90px;
    right: 0;
}

#our-products .wrapper span {
    display: block;
    color: rgb(134, 134, 135);
    font: 600 17px Lato;
}

#capabilities>div:last-child>div p:last-child,
#our-products li>span:nth-child(2),
#principles>div:last-child p:last-child {
    font: 300 15px/20px 'Open Sans'
}

#our-products #color-grid>div p:last-child {
    font: 300 13px/19px 'Open Sans';
}

#proven-accelerators h2+p,
#transformation-accelerators .paragraph,
#capabilities>div:last-child>div p:not(:nth-child(2)) {
    font: normal 14px/23px 'Open Sans';
    padding-bottom: 6px;
    color: rgba(0, 0, 0, .65);
}

#capabilities>div:last-child>div div+p:first-child {
    font: 700 13px/20px 'Lato';
}

#our-products h4 {
    font: normal 30px 'Open Sans';
    color: white;
}

#our-products .content {
    max-width: 1180px;
    margin: 0 auto 0 auto;
    grid-template-columns: 43% calc(57% - 80px);
    grid-template-areas: 'galleryCopy gallery';
    padding-top: 70px;
    grid-gap: 80px;
    padding-bottom: 70px;
}

#our-products .colOne {
    grid-area: gallery;
    padding-right: 20px;
    box-sizing: border-box
}

#our-products .colOne>div:first-child {
    border-radius: 10px;
    overflow: hidden
}

#our-products .colOne>div:last-child {
    height: 40px;
    margin-top: 19px;
    grid-template-columns: repeat(5, calc(20% - 32px));
    grid-gap: 40px;
    justify-content: center;
}

#our-products .colOne>div:last-child>div {
    background-color: white;
    cursor: pointer;
    position: relative;
    height: 100%;
    max-height: 80px;
}

#our-products .transparent-bg {
    background-color: rgba(0, 0, 0, .7);
}

#our-products [data-slide] div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#our-products .colTwo {
    grid-area: galleryCopy;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
}

#our-products .colTwo>div {
    top: 50%;
    transform: translateY(-50%);
}

#our-products .colTwo .conseqta-btn {
    float: left;
    padding: 5px 45px
}

#our-products .colTwo #color-grid {
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 25px;
    box-shadow: 0px 9px 12px 7px rgba(0, 0, 0, .175);
}

#our-products #color-grid p {
    color: rgb(191, 191, 193);
}

#our-products #color-grid>div p:first-child {
    margin-bottom: 7px;
    color: rgb(21, 164, 211);
    font: 400 17px Lato;
}

#our-products #copyblock {
    font: normal 14px/23px 'Open Sans';
    color: white;
    margin: 17px 0 25px 0;
}

#our-products #color-grid>div {
    padding: 15px;
    background-color: rgb(61, 61, 65);
}

#our-products #color-grid>div:nth-child(2) {
    border-left: 1px solid rgb(52, 51, 55);
    border-right: 1px solid rgb(52, 51, 55);
}

.outer-circle {
    width: 90%;
    height: 90%;
    border: 5px solid var(--electricGreen);
    border-radius: 50%;
    left: 50%;
    overflow: hidden
}

#outermost-circle {
    width: 360px;
    height: 360px;
    border: 5px solid var(--electricGreen);
    border-radius: 50%;
    left: 0;
    transition: box-shadow .75s
}

#intro {
    padding: 30px 0 0 0;
    width: 60%
}

#positions #footer-positions-partial {
    margin-top: 100px;
}

#intro {
    margin: 50px auto 0 auto;
}

#intro aside::before {
    content: "";
    background-color: var(--medTurquoise);
    height: 6px;
    width: 40px;
    left: 0
}

#intro aside p:first-child {
    font: bold 19px 'Open Sans';
    text-transform: uppercase;
    margin-bottom: 15px
}

#digital-trans .copy,
.aside-copy {
    font: normal 16px/23px 'Open Sans';
    color: #54595d;
    text-align: center;
}

#digital-trans .copy,
.feature-list-horiz {
    font: normal 16px/23px 'Open Sans';
    text-align: center;
    margin: 5px auto;
    list-style: inside !important;
    padding-right: 0;
    max-width: 750px;
}

#digital-trans .copy,
.feature-list-horiz li {
    float: left;
    margin-right: 10px;
}

#digital-trans .copy,
.feature-list-horiz li span {
    position: relative;
    left: -7px;
}

#digital-trans .copy {
    text-align: left;
}

#logo-desktop a {
    overflow: auto;
}

.logo-mobile {
    width: 150px;
    padding-top: 25px;
    display: none;
    z-index: 999;
}

.mobile-fixed {
    height: 75px;
    position: fixed;
    z-index: 200;
    display: none;
    background-color: transparent;
    -webkit-transition: background-color 1.5s;
    transition: background-color 1.5s;
}

.blue-text-caps {
    font: bold 15px/20px Lato;
    text-transform: uppercase;
    color: var(--medTurquoise)
}

.blue-text-caps+h2 {
    font: lighter 40px/50px Lato;
    margin-top: 15px
}

.blue-text-caps+h2 {
    margin-bottom: 40px;
}

.paragraph {
    font: normal 14px/23px 'Open Sans';
    color: #2b2b2b;
    padding-right: 60px;
    margin-top: 15px
}

#our-approach {
    max-width: 1400px;
    padding: 75px 30px 0 30px;
}

#our-approach li {
    font-family: 'Open Sans';
    font-weight: normal;
}

#our-approach>div>div {
    width: 50%
}

#our-approach>div>div img.large-blob {
    width: 85%;
    left: 0;
    transform: translate(10%, -50%)
}

#our-approach>div>div>div:last-child p {
    text-transform: uppercase;
    font: bold 16px 'Open Sans';
    background: #7ee4e0;
    background: -moz-linear-gradient(90deg, #7ee4e0 0, #7ecddf 100%);
    background: -webkit-linear-gradient(90deg, #7ee4e0 0, #7ecddf 100%);
    background: linear-gradient(90deg, #7ee4e0 0, #7ecddf 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#our-approach h2 {
    font: normal 32px Lato;
    color: #b5b5b6;
    white-space: nowrap
}

#our-approach h2+p {
    font: 700 15px 'Open Sans';
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 5px
}

#our-approach small {
    font: normal 13px 'Open Sans';
    color: #ababab;
    margin-bottom: 15px;
    font-style: italic;
    display: block;
    margin-top: 15px
}

#our-approach small+ul {
    width: 50%;
}

#our-approach small+ul+ul {
    width: 50%;
    float: left;
}

#our-approach small+ul>li,
#our-approach small+ul+ul>li {
    position: relative;
    padding-left: 15px;
}

#our-approach small+ul li:before,
#our-approach small+ul+ul>li::before {
    content: "";
    position: absolute;
    background-color: var(--white);
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

#our-approach>div>div:last-child>div:last-child ul li::before {
    background-color: #7ecddf;
}

#our-approach>div>div:last-child>div:last-child {
    margin-top: 40px;
    clear: both
}

#our-approach ul {
    font: normal 14px 'Open Sans'
}

#our-approach li:not(:last-child) {
    margin-bottom: 8px
}

#our-belief-btm,
#our-belief-top {
    font: normal 13px/22px 'Open Sans'
}

#our-agility {
    max-width: 1000px;
    margin: 130px auto 130px auto;
    overflow: hidden;
    padding-left: 60px;
    padding-right: 60px;
}

#our-agility>div>div:first-child {
    display: flex;
}

#our-agility .winning-team {
    margin: auto;
}

#our-agility>div {
    display: grid;
    grid-template-columns: repeat(2, 50%);
}

#our-agility .winning-team p:first-child {
    font: bold 15px/10px 'Lato';
    text-transform: uppercase;
    color: rgb(9, 200, 255);
}

#our-agility h2 {
    font: 300 40px Lato;
    margin-top: 10px;
    color: #383838;
    text-transform: capitalize;
}

#our-agility .paragraph {
    font: normal 14px/23px 'Open Sans';
    padding-bottom: 6px;
    color: black;
}

#our-agility .view-positions,
#transformation-accelerators .our-approach a {
    font: bold 14px 'Open Sans';
    text-transform: uppercase;
    color: #0075a0;
    margin-top: 10px;
    text-decoration: none;
}

.page-bg {
    background-color: var(--pageBG)
}

.page-grid {
    padding: 0 50px 150px 50px;
    margin-top: 190px;
}

.page-grid>div:not(:last-child) {
    margin-bottom: 200px;
}

#digital-trans .page-title,
#grant-mgmt .page-title,
#financial-mgmt .page-title,
#konverge .page-title,
#streaming-analytics .page-title {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}

.page-title h3 {
    font: normal 34px 'Open Sans';
    margin-bottom: 25px
}

.page-title p {
    font: normal 16px/23px 'Open Sans';
    color: #8f9193;
    width: 80%;
    margin-bottom: 20px
}

#page-wrapper {
    box-sizing: border-box;
    overflow-x: hidden;
}

#particle-gun {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left: 50%;
    transition: transform .5s
}

#particle-gun .emitter {
    width: 80px;
    height: 20px;
    left: 50%;
    transform: translate(150px, -50%);
    transition: opacity .3s;
    opacity: 0
}

#particle-gun .show-emitter {
    opacity: 1!important
}

#particle-gun .emitter>div {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    left: 0;
    opacity: 0;
    -webkit-animation: particlesToIcons 1.5s ease-out;
    animation: particlesToIcons 1.5s ease-out
}

@-webkit-keyframes particlesToIcons {
    0% {
        opacity: 0;
        left: 0
    }
    5% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        left: 100%;
    }
}

@keyframes particlesToIcons {
    0% {
        opacity: 0;
        left: 0
    }
    5% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        left: 100%;
    }
}

.paragraph-copy {
    color: #484d51;
    font: normal 15px/23px 'Open Sans';
    opacity: .8;
    margin-bottom: 40px
}

.performance-icon {
    width: 50px;
    background-position: -206px 0;
    height: 65px;
}

.positions-title {
    padding-bottom: 10px
}

.positions-title h4 {
    font: 300 24px 'Open Sans'
}

#positions-content {
    grid-template-columns: 30% 70%;
    margin-bottom: 40px;
    overflow: hidden
}

#positions-content>div:first-child {
    padding-top: 300px;
    padding-bottom: 7px
}

#positions-content>div:last-child {
    padding: 300px 40px 0 0
}

.position {
    padding: 15px 0 0 40px;
    transition: all .3s
}

#positions-content>div .position:first-child {
    border-top-left-radius: 10px
}

#positions-content>div .position:last-child {
    border-bottom-left-radius: 10px
}

#positions-content>div .position {
    padding-bottom: 20px;
    padding-right: 20px
}

.position.selected,
.position:hover {
    background-color: #e9e9e9
}

.position p:first-child {
    font: 700 17px Lato
}

.position p:first-child+p {
    font: 400 14px 'Open Sans';
    line-height: 22px;
    margin-top: 10px;
    color: #494f53
}

.position p:first-child+p+p {
    font: bold 14px 'Open Sans';
    text-transform: uppercase;
    color: #0075a0;
    margin-top: 10px
}

.position-panel {
    padding: 50px 50px 0 50px;
    height: calc(100% - 60px);
    border-radius: 10px;
    box-shadow: 0 2px 7px 1px rgb(0, 0, 0, .3)
}

#positions .positions-title {
    padding-bottom: 0;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#next svg path,
#previous svg path {
    transition: fill .5s
}

#next:hover svg path,
#previous:hover svg path {
    fill: var(--white);
}

#positions .masthead {
    padding-top: 0;
    padding-bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding-left: 0;
}

#principles {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    box-sizing: border-box;
    margin-bottom: 130px
}

#principles>div:last-child>div {
    margin-bottom: 40px
}

#principles>div:first-child>p {
    font: bold 19px 'Open Sans';
    text-transform: uppercase;
    margin-bottom: 30px
}

#principles .icon+p {
    font: 700 17px Lato
}

#principles .doc-icon+p {
    padding-left: 80px
}

#principles>div:last-child p:last-child {
    margin-top: 10px;
    padding-left: 80px
}

#principles .cloud-icon+p,
#principles .cycle-icon+p,
#principles .doc-icon+p,
#principles .flag-icon+p,
#principles .link-icon+p,
#principles .protractor-icon+p,
#principles .shield-icon+p,
#principles .sys-icon+p,
#principles .watch-icon+p {
    font: 700 16px Lato;
    padding-left: 80px
}

#principles>div:last-child>div:nth-child(1) .icon {
    background-position: -64px 0
}

#principles>div:last-child>div:nth-child(2) .icon {
    background-position: 0 0;
    width: 35px
}

#principles>div:last-child>div:nth-child(3) .icon {
    background-position: -93px 0
}

#principles>div:last-child>div:nth-child(4) .icon {
    background-position: -125px 0
}

#principles>div:last-child>div:nth-child(5) .icon {
    background-position: -35px 0;
    width: 35px;
    height: 40px;
    background-size: 165px
}

.product-principles::before {
    content: "";
    margin: 0 auto 0 auto;
    background-color: rgb(23, 164, 211);
    height: 6px;
    width: 40px;
    left: 0
}

#product-image {
    transform: scale(1.02) translate(4px, 2px);
}

#product-principles {
    max-width: 1100px
}

.product-principles {
    margin: 0 auto;
    padding: 30px 0 0 0;
    width: 60%;
    font: bold 17px 'Open Sans';
    text-transform: uppercase;
    margin-bottom: 55px
}

.progress-bar {
    left: -30px;
    top: -20px
}

#proven-accelerators {
    background-color: white;
}

#proven-accelerators .intro-block {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 100px;
    display: grid;
    grid-template-columns: auto 200px;
    grid-gap: 50px;
}

#proven-accelerators h2 {
    margin-bottom: 20px;
    margin-top: 15px;
}

#proven-accelerators .icons-copy-block {
    max-width: 1000px;
    margin-top: 65px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
}

#proven-accelerators .sub-header>p:first-child {
    margin-bottom: 15px;
    font: 700 15px Lato;
    color: #1E1E1E;
}

#proven-accelerators .sub-header>p:last-child {
    font: normal 14px/23px 'Open Sans';
    padding-bottom: 6px;
    color: rgba(0, 0, 0, .65);
}

#proven-accelerators .how-we-do-extra {
    display: grid;
    grid-template-columns: 100px auto;
    grid-gap: 80px;
}

#proven-accelerators .how-we-do-extra:not(:last-child) {
    margin-bottom: 30px;
}

#proven-accelerators .how-we-do-extra:first-child .icon {
    margin-top: 3px;
}

#proven-accelerators .how-we-do-extra:not(:first-child) .icon {
    margin-top: 5px;
}

#proven-accelerators .how-we-do-extra img {
    max-height: 80px;
}

#prev-next-wrapper {
    top: 75%;
    transform: translateY(-50%)
}

.protractor-icon {
    background-position: -35px 3px;
    background-size: 375px;
    width: 45px;
    left: -3px;
}

.read-more-btn {
    border-radius: 5px;
    background-color: rgb(49, 49, 49);
    padding: 0 30px 3px 30px;
    font: Bold 13px/30px Lato;
    margin-top: 10px;
    cursor: pointer;
    border: none;
}

#proven-accelertors>p:first-child {
    font: bold 15px/20px Lato;
    text-transform: uppercase;
    color: var(--medTurquoise);
}

#proven-accelerator h2+p {
    font: normal 14px/23px 'Open Sans';
    color: #2b2b2b;
    padding-right: 60px;
    margin-top: 15px;
}

.reverse {
    margin-top: -210px
}

.roundedStockImage {
    border-radius: 12px
}

.server {
    background-size: 45px;
    background-position-x: right;
    background-position-y: -54px;
    width: 65%
}

.server #wifi {
    width: 40px;
    right: 2px;
    top: 2px;
    mix-blend-mode: luminosity;
    display: none
}

.setting div>img:first-child {
    width: 40px;
    top: 55%;
    transform: translateY(-50%);
    left: 70%;
    transition: top .4s
}

.setting-bottom {
    width: 40px!important;
    top: 20%!important;
    left: 75%!important;
    -webkit-animation: spinSetting 5s forwards;
    animation: spinSetting 5s forwards;
    -webkit-animation-iteration-count: 4;
    animation-iteration-count: 4
}

@-webkit-keyframes spinSetting {
    0% {
        transform: translateY(-50%) rotate(0);
    }
    100% {
        transform: translateY(-50%) rotate(720deg);
    }
}

@keyframes spinSetting {
    0% {
        transform: translateY(-50%) rotate(0);
    }
    100% {
        transform: translateY(-50%) rotate(720deg);
    }
}

.setting div>img:last-child {
    width: 40px;
    top: 55%;
    transform: translateY(-50%);
    left: 55%!important;
    opacity: 0;
    transition: opacity .5s
}

.show-btn {
    display: block!important
}

.slideshow-thumb-wrapper {
    height: calc(100% - 45px);
    margin-top: 45px;
}

.small-icon {
    width: auto;
    margin-right: 10px;
    padding-top: 2px
}

.social-icon {
    font-size: 18px;
    width: 18px;
    margin-left: 10px;
    transform: translateY(-50%)
}

#apply,
#our-products .content .conseqta-btn,
#solutions .conseqta-btn,
.green-machine .conseqta-btn,
.page-title .conseqta-btn,
footer .conseqta-btn,
#forme .get-started button {
    background: transparent linear-gradient(102deg, #01b3db 0, #61cee7 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #03bBDD2F;
    border-radius: 5px;
    opacity: 1;
    margin-top: 15px
}

#solutions .conseqta-btn:hover,
.green-machine .conseqta-btn:hover,
footer .conseqta-btn:hover {
    background-color: var(--brightTurquoise)
}

#solutions {
    grid-template-areas: 'snippets solution';
    padding: 50px 30px 90px 30px
}

#solutions h5 {
    color: #1d1d1d;
    font: 700 17px/34px Lato;
    font-family: Lato;
    font-weight: 700;
    white-space: nowrap;
}

#solutions .icon {
    margin-top: 35px;
    margin-bottom: 15px
}

#solutions .icon .cls-1 {
    fill: var(--white);
    opacity: 1
}

#solutions .icon.mt-25 {
    margin-top: 25px
}

#solutions h5~p {
    font: normal 14px/21px 'Open Sans';
    color: #686b74;
    padding-right: 30%
}

#solutions>div:first-child {
    grid-area: snippets
}

#solutions>div:first-child>div:first-child {
    padding-right: 10%
}

#solutions>div:last-child p:first-child {
    text-transform: uppercase;
    font: bold 15px/35px Lato;
    padding-top: 25px;
    color: var(--medTurquoise)
}

#solutions h2 {
    font: 400 40px Lato;
    margin-bottom: 20px
}

#solutions h2+p {
    font: normal 14px/20px 'Open Sans';
    color: #2b2b2b
}

#solutions>div:last-child {
    grid-area: solution;
    padding: 0 20px 0 130px
}

#solutions>div:last-child>button {
    margin-top: 65px
}

#streaming-analytics .page-grid {
    padding-bottom: 0
}

#streaming-analytics #key-feature-six {
    min-height: unset
}

.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.section-header {
    font: lighter 40px/50px Lato;
    margin-bottom: 40px;
    margin-top: 15px
}

.slideIn {
    -webkit-animation: slideInImage .5s ease-out forwards;
    animation: slideInImage .5s ease-out forwards
}

@-webkit-keyframes slideInImage {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}

@keyframes slideInImage {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}

.subheader {
    color: #414141;
    font: bold 15px Lato;
    text-transform: uppercase;
    margin-bottom: 10px
}

.subheader-capitalize {
    text-transform: none;
    font: 600 11pt/22px 'Open Sans'
}

.showcase-wrapper {
    border-radius: 7px;
    overflow: hidden
}

.shield-icon {
    background-position: -134px 0
}

.sys-icon {
    background-position: -315px 0;
    width: 45px;
}

.transitionDescription {
    -webkit-animation: descrTransition .75s ease-out;
    animation: descrTransition .75s ease-out
}

@-webkit-keyframes descrTransition {
    0% {
        transform: rotate3d(50, 0, 0, .5turn);
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        transform: rotate3d(50, 0, 0, 0turn);
        opacity: 1;
    }
}

@keyframes descrTransition {
    0% {
        transform: rotate3d(50, 0, 0, .5turn);
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        transform: rotate3d(50, 0, 0, 0turn);
        opacity: 1;
    }
}

.transparent-nav {
    background-color: rgba(25, 27, 29, .8)!important
}

.left-aligned-photo {
    text-align: left
}

.s-mgmt .icon {
    width: 40px;
    margin-bottom: 4px !important;
}

#streaming-analytics #key-feature-special>div:last-child {
    background-color: var(--white);
    border-radius: 7px;
    margin-top: 30px;
    box-shadow: 0 2px 7px 1px rgb(0, 0, 0, .3);
}

#streaming-analytics #key-feature-six>div:last-child>div:last-child {
    border-left: 1px solid #cfdfe8
}

#streaming-analytics #key-feature-six>div:last-child>div {
    padding: 40px 50px
}

#key-feature-one img:first-child {
    bottom: -30px;
    left: 20%;
    transform: rotate(-30deg);
}

#key-feature-two img:first-child {
    bottom: -67px;
    right: 29%;
    transform: scale(.8) rotate(-140deg);
}

#key-feature-three img:first-child {
    right: -90px;
    bottom: -110px;
    transform: rotate(-12deg);
}

#key-feature-four img:first-child,
#key-feature-six img:first-child {
    transform: rotate(-218deg) scale(.9);
    left: -32%;
    top: -38%;
}

#konverge .cluster-monitoring>div:last-child {
    margin-top: 50px;
    padding-left: 0;
}

#konverge .cluster-monitoring .section-title {
    font: 700 17px Lato;
    color: #0075a0;
}

#konverge .cluster-monitoring .section-title+p {
    font: normal 12px/21px 'Open Sans';
    margin-bottom: 20px;
    margin-top: 7px;
}

#konverge .cluster-monitoring>div:last-child .relative>div {
    top: calc(50% - 25px);
    transform: translateY(-50%);
    height: 100%;
}

#key-feature-five img:first-child {
    right: -20%;
    top: -30%;
    height: 110%;
}

.realtime-img+p {
    color: #0075a0;
    font: bold 14px 'Open Sans';
    margin-bottom: 15px
}

.show675 {
    display: none
}

.tab:hover {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    background-color: rgba(234, 234, 234, .4);
    width: calc(100% + 5px)
}

.thumb {
    width: 150px;
    height: 85px;
    margin-right: 20px;
    transition: all .25s;
    border: 3px solid transparent;
    background: transparent scroll no-repeat 0 0/100%;
    transition: all 1s
}

#transformation-accelerators {
    background-color: var(--white);
}

#transformation-accelerators .content {
    max-width: 1000px;
    margin: 0 auto;
}

#transformation-accelerators .grid {
    display: grid;
    grid-template-columns: 76% 310px;
}

#transformation-accelerators .grid>div:last-child {
    display: table;
    height: 100%;
}

#transformation-accelerators .table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#transformation-accelerators .info-icon {
    width: 23px;
    margin-left: 10px;
    margin-top: 8px;
}

#transformation-accelerators .our-approach {
    display: flex;
}

#transformation-accelerators .icon {
    width: 60px;
}

#transformation-accelerators .section .icon:after {
    font: 700 15px Lato;
    color: rgb(24, 24, 24);
    white-space: nowrap;
    display: block;
    margin-top: 15px;
    margin-bottom: 20px;
}

#transformation-accelerators .section:first-child .icon:after {
    content: "Data Engineering";
}

#transformation-accelerators .section:nth-child(2) .icon:after {
    content: "Application Engineering";
}

#transformation-accelerators .section:last-child .icon:after {
    content: "Cloud Engineering";
}

#transformation-accelerators ul {
    list-style-type: disc !important;
}

#transformation-accelerators .description {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 36% 39% 390px;
    padding-bottom: 100px;
}

#transformation-accelerators .faux-list p {
    font: 300 15px/31px 'Open Sans';
    margin-left: 20px;
    color: rgb(122, 122, 122);
}

#transformation-accelerators .faux-list>div {
    display: grid;
    grid-template-columns: 7px auto;
}

#transformation-accelerators .faux-list>div div {
    background-color: rgb(57, 57, 57);
    height: 7px;
    border-radius: 50%;
    margin-top: 15px;
}

.transformation-cloud {
    transform: scale(.9);
    -webkit-transform: scale(.9);
}

.transformation-cylinder {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.transformation-hexagons {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.whiteBg {
    background-color: var(--white)
}

.width90 {
    width: 90%;
}

.z-patch {
    z-index: 10
}

@media screen and (max-width:1600px) {
    #forme .in-action {
        width: 50%;
    }
    .copyright p {
        padding-left: 0;
        margin: 0 auto;
    }
    #forme #key-feature-four .mask {
        transform: translate(-5%, -50%);
    }
    #logo-desktop-partial img {
        width: 150px;
        padding: 25px 0 0 0;
        float: left
    }
    footer {
        padding-left: 90px;
        padding-right: 90px
    }
    #our-products .content,
    #solutions,
    .what-how-why,
    .page-grid,
    #desktopnav-partial {
        padding-left: 0;
        padding-right: 0
    }
    #positions-content>div:last-child {
        padding-right: 10px
    }
    #positions-content,
    .page-grid {
        width: calc(100% - 180px)
    }
    #positions-content {
        margin-left: 100px;
        margin-right: 90px
    }
    #positions-content>div:first-child {
        padding-left: 10px
    }
    #positions-content>div .position {
        padding-left: 20px
    }
    #solutions>div:last-child {
        padding-right: 0
    }
    .page-grid .mask {
        position: absolute;
        top: 50%;
        transform: translateY(-50%) scale(.85);
    }
    #konverge #key-feature-four .mask {
        position: unset;
        top: unset;
        transform: none;
    }
    #transformation-accelerators {
        padding-top: 40px;
    }
}

@media screen and (max-width:1400px) {
    #digital-trans .action-group>div:nth-child(1) .subheader span:nth-child(2),
    #digital-trans .action-group>div:nth-child(2) .subheader span:nth-child(2),
    #digital-trans .action-group>div:nth-child(3) .subheader span:nth-child(2),
    #digital-trans .action-group>div:nth-child(4) .subheader span:nth-child(2) {
        display: block
    }
    .action-group .icon+.subheader {
        letter-spacing: -.4pt
    }
    canvas {
        top: 120px
    }
    #capabilities {
        padding-left: 60px;
        padding-right: 60px
    }
    .copyright {
        padding-left: 0
    }
    .copyright p {
        padding-left: 60px;
        box-sizing: border-box;
    }
    #forme #key-feature-one {
        margin-top: 190px;
    }
    #forme .in-action {
        bottom: -25%;
        width: 60%;
    }
    #forme #introBlock {
        margin: 0 60px;
    }
    #forme #key-feature-three .mask {
        top: 50%;
        transform: translateY(-50%);
        width: 135%;
        left: 0;
    }
    footer aside {
        width: calc(100% - 120px)
    }
    footer {
        padding-left: 0;
        padding-right: 0
    }
    footer aside+div {
        width: calc(100% - 120px)
    }
    .headline-content {
        position: unset;
        top: unset;
        transform: none
    }
    #konverge .cluster-monitoring>div:last-child .relative>div {
        transform: none;
        top: unset;
    }
    .imageDesc {
        padding-bottom: 13px
    }
    .icon-wrapper>div {
        height: 110%
    }
    .icon-wrapper {
        height: 440px;
        width: 440px
    }
    .icon-wrapper #folder img {
        bottom: 35px
    }
    @-webkit-keyframes folderShowHide {
        0%,
        100% {
            bottom: 35px;
        }
        20%,
        80% {
            bottom: 55px;
        }
    }
    @keyframes folderShowHide {
        0%,
        100% {
            bottom: 35px;
        }
        20%,
        80% {
            bottom: 55px;
        }
    }
    #logo-desktop-partial img {
        width: 150px;
        padding: 25px 0 0 30px;
        float: left
    }
    .masthead-img {
        background-position-x: center;
    }
    #outermost-circle {
        width: 290px;
        height: 290px;
        left: unset
    }
    #our-products .navigation {
        display: block
    }
    #our-products .hover-border,
    #our-products #desktop-next,
    #our-products #desktop-prev {
        display: none !important;
    }
    #our-products .navigation {
        top: -20px;
    }
    #our-products .wrapper {
        max-width: 749px;
        height: 70px;
    }
    #our-products ul {
        width: 1250px;
    }
    #our-products li {
        width: 249px;
        padding: 0 0 0 15px;
    }
    #our-products #copyblock,
    #our-products .colTwo #color-grid {
        height: auto
    }
    #our-products>div:first-child {
        padding: 0 60px;
        text-align: center;
    }
    #our-products .slider-bg {
        padding: 0 30px;
    }
    .green-machine {
        grid-template-columns: calc(100% - 440px) 440px
    }
    #our-products .content,
    #positions-content,
    #solutions,
    .what-how-why,
    .masthead,
    #desktopnav-partial {
        margin-left: 60px;
        margin-right: 60px
    }
    #positions-content,
    .page-grid {
        width: calc(100% - 120px)
    }
    #particle-gun .emitter {
        width: 60px;
        transform: translate(130px, -50%)
    }
    .reactor {
        float: none;
        transform: translate(-22.5px, -50%);
        top: 50%;
        width: auto;
        margin: unset
    }
    #green-machine-gradient {
        background: linear-gradient(90deg, #191b1d 0, rgba(25, 27, 29, 0) 10%, rgba(25, 27, 29, 0) 65%, #191b1d 70%)
    }
    #transformation-accelerators {
        padding-top: 70px;
    }
    #transformation-accelerators .grid {
        grid-template-columns: 65% auto;
    }
}

@media screen and (max-width: 1300px) {
    #our-products li {
        padding: 0 20px;
    }
}

@media screen and (max-width:1200px) {
    [id*=key-feature]>div:last-child {
        padding-left: 30px;
    }
    [data-slideshow*=Slideshow]>div:first-child>p+div .image-thumb>div+p {
        font-size: 1em;
    }
    [id*=key-feature]>div:last-child .dynamic-center .paragraph {
        padding-right: 0
    }
    [data-slideshow*=Slideshow] {
        padding-right: 50px;
        padding-left: 50px;
    }
    [data-slideshow*=Slideshow] .image-thumb {
        width: 90%;
    }
    .at-conseqta {
        padding-right: 0;
        width: 90%;
        clear: both
    }
    .analytics-img {
        height: 55%;
    }
    .blue-text-caps+h2 {
        font: lighter 30px/37px Lato;
        margin-bottom: 15px
    }
    #capabilities {
        padding: 35px 30px 85px 50px;
    }
    .conseqta-core {
        padding-bottom: 160px;
        padding-top: 0;
    }
    #desktop-nav nav>ul>li {
        margin-right: 30px;
    }
    #digital-trans .different-approach,
    #digital-trans .tabs-accordion {
        width: calc(100% - 120px)
    }
    #digital-trans .masthead-img+img,
    #grant-mgmt .masthead-img+img,
    #financial-mgmt .masthead-img+img,
    #konverge .masthead-img+img,
    #streaming-analytics .masthead-img+img {
        height: 10%;
    }
    #digital-trans .different-approach>div:last-child div {
        position: unset;
        top: unset;
        transform: none;
        padding-left: 40px
    }
    #digital-trans .different-approach>div:first-child div {
        height: 100%;
        position: relative;
    }
    #digital-trans .different-approach img {
        height: 100%;
        object-fit: cover;
        object-position: 100% 0;
    }
    #digital-trans .tab {
        padding: 25px 0 10px 10px
    }
    #digital-trans .different-approach-bg {
        margin-top: 125px;
    }
    footer aside+div {
        display: block;
        width: calc(100% - 120px);
        overflow: auto;
    }
    footer {
        padding-top: 5px;
    }
    footer .logo {
        transform: none;
    }
    footer aside+div>div:last-child ul:nth-child(2) {
        width: auto;
        transform: none;
    }
    footer aside+div>div:last-child ul:first-child {
        width: 100%;
    }
    footer aside+div>div:last-child {
        margin-top: 40px;
        float: none;
        display: grid;
        grid-template-columns: repeat(3, auto);
        min-width: auto;
        width: 75%;
    }
    #forme .in-action {
        width: 75%;
    }
    #forme #key-feature-one img:first-child {
        left: 10%;
        bottom: -20px;
        transform: rotate(-38deg) scale(.9);
    }
    #forme #introBlock {
        grid-template-areas: 'solution' 'snippets';
        grid-template-columns: 100%;
        grid-gap: 20px;
        width: calc(100% - 120px);
        margin: 0 auto;
    }
    #forme .in-action {
        bottom: -30%;
    }
    #forme #introBlock .colOne {
        padding: 0;
    }
    #forme #key-feature-one {
        margin-top: 20%;
        margin-bottom: 225px;
    }
    #forme #key-feature-four {
        margin-top: 170px;
        margin-bottom: 30px;
    }
    #forme .showcase img {
        position: unset;
    }
    #forme #key-feature-two {
        margin-bottom: 245px;
    }
    #forme #key-feature-one .mask {
        width: 110%;
        transform: translateY(-50%);
        left: 0%;
    }
    #forme .masthead {
        height: auto;
    }
    #forme .blue-text-caps+h2 {
        font-size: 2em;
        margin-bottom: 0px !important;
    }
    #forme .paragraph {
        margin-top: 5px;
        width: 90%;
    }
    #forme #key-feature-two .dynamic-center {
        transform: translateY(-50%) !important;
        left: 10% !important;
        min-width: auto !important;
    }
    footer .conseqta-btn {
        width: 90%;
        border-top-left-radius: 6px!important;
        border-bottom-left-radius: 6px!important
    }
    footer h3+div {
        display: block
    }
    footer input {
        width: 90%;
        font-size: 15px;
        padding: 7px 0 8px 20px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        margin-bottom: 15px
    }
    footer aside>div:nth-child(3) {
        width: 43%
    }
    footer aside>div:nth-child(3) p+ul+ul {
        transform: none
    }
    footer aside>div:nth-child(4) p+div {
        display: block
    }
    footer aside>div:nth-child(4) {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: auto
    }
    footer aside>div:last-child {
        width: auto;
        float: right
    }
    .headline-content h1 {
        width: unset;
        transform: none;
        top: unset;
        position: unset;
        overflow: auto
    }
    .headline-content {
        top: unset;
        position: unset;
        transform: none
    }
    .headline-content h1 {
        font-size: 37px;
        line-height: 50px
    }
    .headline-content h1 span {
        float: left
    }
    .headline-content h1 span:nth-child(3) {
        clear: both;
        float: left
    }
    #intro {
        width: 80%;
    }
    #key-feature-one img:first-child {
        left: 7%;
    }
    #konverge .cluster-monitoring>div:last-child .relative>div {
        position: unset;
        height: auto;
        max-width: 630px;
        margin: 0 auto;
    }
    #konverge .cluster-monitoring>div:last-child {
        grid-template-columns: 100%;
        margin-top: 10px;
        grid-gap: 60px;
    }
    .masthead {
        padding-bottom: 90px
    }
    #our-approach>div>div:last-child {
        padding-right: 40px
    }
    #our-approach h2 {
        font-size: 28px
    }
    #our-products {
        margin-bottom: 40px
    }
    #our-products #color-grid>div {
        padding: 20px
    }
    #our-products .colOne {
        padding: 0
    }
    #our-products .colTwo {
        padding-top: 20px;
        padding-left: 0;
    }
    #our-products .colOne>div:last-child {
        height: 70px;
    }
    #our-products .content {
        grid-template-columns: 100%;
        grid-gap: 30px;
        padding-top: 50px;
        padding-bottom: 25px;
        grid-template-areas: 'gallery' 'galleryCopy';
    }
    #our-products .colTwo>div {
        position: unset;
        top: unset;
        transform: none;
    }
    #our-products .colOne img {
        margin: 0 auto;
        display: block
    }
    #our-products h4 {
        font-size: 25pt;
        font-weight: 400;
    }
    #our-products .colTwo .conseqta-btn {
        position: absolute;
        top: 25px;
        right: 0;
        margin-top: 0;
    }
    #our-products .slider button {
        width: 30px;
    }
    .page-grid {
        padding-right: 0;
        padding-left: 0;
        box-sizing: border-box;
    }
    .page-grid>div:not(:last-child) {
        margin-bottom: 120px;
    }
    #principles {
        margin-right: 60px;
        margin-left: 60px;
        width: calc(100% - 120px);
        padding-right: 50px
    }
    #streaming-analytics #key-feature-six>div {
        padding: 0;
    }
    #solutions>div:last-child>button,
    .thumb+div {
        position: absolute
    }
    #solutions>div:first-child,
    .headline-content,
    footer aside>div:nth-child(3) p+ul,
    footer aside>div:nth-child(4) p+div>ul:first-child {
        width: 100%
    }
    .thumb+div {
        right: 0;
        width: calc(100% - 170px);
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (max-width:1100px) {
    #capabilities {
        padding-left: 35px;
        padding-right: 35px;
    }
    #digital-trans .different-approach {
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 120px)
    }
    #digital-trans .tabs-accordion {
        margin-left: auto;
        margin-right: auto;
        transform: none;
        width: calc(100% - 120px)
    }
    #digital-trans .action-content,
    #digital-trans .tab {
        width: 100%
    }
    #proven-accelerators .intro-block,
    #proven-accelerators .icons-copy-block {
        padding-left: 35px;
        padding-right: 35px;
    }
    #proven-accelerators .how-we-do-extra {
        grid-gap: 40px;
    }
    #transformation-accelerators .grid {
        display: block;
    }
    #transformation-accelerators .grid>div:last-child {
        display: none;
    }
    #transformation-accelerators .paragraph {
        padding-right: 0;
    }
    #transformation-accelerators .description {
        margin-top: 35px;
        grid-template-columns: repeat(3, 33.3%);
    }
    #transformation-accelerators {
        padding-left: 35px;
        padding-right: 35px;
        margin-top: -5px;
        position: relative;
    }
    #transformation-accelerators .description>div {
        padding-right: 10px;
    }
}

@media screen and (max-width:992px) {
    [id*=key-feature] .mask {
        right: 0;
        width: calc(100% - 30px);
    }
    [data-slideshow*=Slideshow]>div:first-child>p+div .image-thumb>div+p {
        font-size: 1.12em;
    }
    [data-slideshow*=Slideshow] .image-thumb {
        font-size: 11pt;
    }
    [data-slideshow*=Slideshow] .image-thumb {
        height: 90px;
    }
    [data-slideshow*=Slideshow] {
        grid-template-columns: 100%;
        grid-template-areas: 'imageThumbs' 'imageShowcase';
    }
    #our-products .colOne>div:last-child>div {
        max-height: 60px;
    }
    #digital-trans .different-approach img {
        position: relative;
        transform: translateX(-50%);
        left: 50%;
        height: 313px;
        width: auto;
    }
    #forme .bgAnna>div:first-child:after {
        height: 70%;
        background: rgb(246, 246, 249);
        background: -moz-linear-gradient(180deg, rgba(252, 253, 254, 1) 4%, rgba(252, 253, 254, .3) 70%);
        background: -webkit-linear-gradient(180deg, rgba(252, 253, 254, 1) 4%, rgba(252, 253, 254, .3) 70%);
        background: linear-gradient(180deg, rgba(252, 253, 254, 1) 4%, rgba(252, 253, 254, .3) 70%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f9", endColorstr="#000000", GradientType=1);
    }
    .hideElement {
        display: block;
    }
    #hamburger,
    .what-how-why>div,
    .how-we-do>div,
    .page-grid,
    footer aside+div>div:first-child div+p+p,
    n footer aside>div:first-child,
    .mobile-fixed {
        display: block
    }
    #our-agility>div {
        grid-template-rows: auto;
        grid-template-columns: 45% 50%;
        grid-gap: 5%;
    }
    #our-agility {
        margin-top: 70px;
    }
    .conseqta-core {
        padding-bottom: 140px;
        padding-top: 0;
    }
    #principles .cloud-icon+p,
    #principles .cycle-icon+p,
    #principles .doc-icon+p,
    #principles .flag-icon+p,
    #principles .link-icon+p,
    #principles .protractor-icon+p,
    #principles .shield-icon+p,
    #principles .sys-icon+p,
    #principles .watch-icon+p,
    #principles>div:last-child p:last-child {
        padding-left: 80px
    }
    #digital-trans .page-title,
    #grant-mgmt .page-title,
    #financial-mgmt .page-title,
    #konverge .page-title,
    #streaming-analytics .page-title {
        width: 100%;
    }
    #analytics-dashboard>div>div:last-child {
        padding-left: 25px;
    }
    #analytics-dashboard>div div:nth-child(2) {
        padding-right: 25px;
    }
    #capabilities>div:last-child>div p:last-child {
        padding-right: 0;
    }
    #proven-accelerators .intro-block>div:last-child {
        display: flex;
    }
    #proven-accelerators .intro-block>div:last-child img {
        margin: auto;
    }
    #forme #introBlock h2 {
        font-size: 2.5em;
    }
    footer {
        padding-top: 0;
    }
    .footer-swoosh {
        height: 80px;
    }
    #forme .grey-dots {
        display: none;
    }
    .imageTitle {
        font-size: 28px;
    }
    #intro {
        width: calc(100% - 180px);
        margin-top: 30px;
    }
    .page-grid {
        padding-bottom: 130px;
    }
    #our-products {
        margin-bottom: 50px;
    }
    #our-approach-wrapper h2 {
        display: none;
    }
    .slideshow-thumb-wrapper {
        display: grid;
        grid-template-columns: 50% 50%;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    #forme #key-feature-two {
        margin-bottom: 180px;
    }
    #forme #key-feature-one {
        margin-top: 190px;
        margin-bottom: 160px;
    }
    #forme #key-feature-four {
        margin-top: 220px;
    }
    #forme #introBlock {
        padding-top: 90px;
        padding-bottom: 80px;
        margin-left: 60px;
        margin-right: 60px;
    }
    #forme .blue-text-caps+h2 {
        font-size: 2em;
        margin-bottom: 17px !important;
        white-space: inherit;
        line-height: 38px;
    }
    #forme .dynamic-center {
        width: 100%;
    }
    #forme .in-action {
        position: unset;
        width: calc(100% - 120px);
        border-radius: 0;
        box-shadow: 0px 2px 5px 1px rgb(0, 0, 0, .3);
        padding-left: 60px;
        padding-right: 60px;
        position: relative;
    }
    #forme .page-grid {
        padding-bottom: 12%;
    }
    #principles {
        margin-bottom: 95px !important;
        margin-left: 60px;
        margin-right: 60px;
        width: calc(100% - 120px);
        padding-right: 0;
    }
    #forme #key-feature-four>div:last-child>div {
        margin-left: 30px;
    }
    #forme .masthead>div:last-child {
        padding-left: 0;
        width: calc(100% - 100px);
        margin-top: 50px;
    }
    #forme .showcase img {
        width: 700px;
    }
    #forme .masthead>div:last-child div {
        transform: translateX(-35%);
    }
    #forme .product-description {
        padding-right: 30px;
    }
    #forme .product-description h1 {
        font-size: 2em;
        line-height: 42px;
    }
    .green-machine-BG {
        padding-top: 70px;
    }
    #analytics-dashboard {
        width: 100%;
        margin-bottom: 80px;
    }
    #analytics-dashboard>div {
        border-radius: 0
    }
    #analytics-dashboard>div:last-child {
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 0
    }
    .analytics-img {
        height: 250px
    }
    .blue-text-caps+h2 {
        font: lighter 26px/33px Lato;
        margin-bottom: 0
    }
    #our-products .content {
        padding-left: 20px;
        padding-right: 20px
    }
    #home-page .mobile-fixed {
        background-color: rgba(25, 27, 29, 1);
    }
    #desktop-nav,
    #digital-trans .action-group>div:nth-child(2) .subheader span:nth-child(3),
    #prev-next-wrapper {
        display: none
    }
    #our-approach>div>div:first-child,
    footer aside+div>div:first-child div+p+p,
    footer aside>div:first-child>div {
        width: 100%
    }
    .green-machine {
        padding-top: 10px;
    }
    #green-machine-gradient {
        background: linear-gradient(90deg, #191b1d 0, rgba(25, 27, 29, 0) 30%, rgba(25, 27, 29, 0) 90%, #191b1d 100%)
    }
    #green-machine-gradient {
        -webkit-animation: none;
        animation: none;
    }
    .logo-mobile {
        display: block;
        padding-left: 30px;
    }
    #mobile-nav-transparent-bg {
        display: block;
    }
    #mobile-nav .viewOne,
    #mobile-nav .viewTwo {
        width: 50%;
        float: left;
        position: relative;
    }
    #our-belief-btm,
    #our-belief-top {
        margin-left: 25px;
    }
    #our-products li>span:first-child {
        font-size: 15px;
    }
    #our-products .wrapper {
        max-width: 690px;
    }
    #our-products ul {
        width: 1150px;
    }
    #our-products li {
        width: 230px;
    }
    #our-products .navigation {
        max-width: calc(100% - 44px);
    }
    #our-approach>div>div img.large-blob {
        position: relative;
    }
    #capabilities>div:first-child {
        padding-right: 5px;
    }
    #capabilities>div:last-child {
        grid-template-columns: auto auto;
    }
    .copyright {
        padding-left: 30px;
    }
    #digital-trans .different-approach,
    #digital-trans .tabs-accordion,
    footer aside {
        width: calc(100% - 180px);
    }
    #digital-trans .action-content {
        padding: 0 30px 50px 30px;
    }
    #digital-trans .different-approach>div:last-child div {
        padding-left: 0;
        padding-top: 45px;
    }
    #digital-trans .tabs-accordion {
        margin-left: 90px;
        margin-right: 90px;
    }
    #digital-trans .different-approach>div:first-child {
        max-width: none;
        overflow: unset;
    }
    #digital-trans .tab {
        padding: 25px 0 0 5px;
        width: calc(100% - 5px);
    }
    #digital-trans .different-approach-bg {
        margin-top: 100px;
    }
    #digital-trans .different-approach {
        grid-template-columns: 100%;
        grid-template-areas: 'picCol' 'textCol';
    }
    #forme .masthead {
        grid-template-columns: 55% 45%;
        padding-top: 100px;
    }
    footer aside+div>div:last-child {
        float: none;
        overflow: auto;
        display: block;
    }
    footer aside+div>div:last-child ul:first-child {
        width: 55%;
    }
    footer aside+div>div:first-child div+p+p {
        margin-bottom: 30px
    }
    footer aside+div>div:first-child div+p {
        width: 100%;
    }
    footer aside+div>div:last-child ul:last-child {
        float: right;
    }
    footer aside+div>div:first-child div+p+p {
        border-bottom: 2px solid #1f2125;
        padding-bottom: 25px;
    }
    footer aside>div:nth-child(3) {
        width: 39%;
    }
    footer aside+div>div:last-child ul {
        width: auto;
    }
    footer aside {
        padding-top: 35px;
    }
    footer .conseqta-btn,
    footer input {
        width: 85%;
    }
    footer aside>div:first-child>div:last-child p {
        position: unset;
        transform: none;
    }
    footer aside+div {
        position: relative;
        width: calc(100% - 180px);
    }
    footer h3 {
        font-size: 25px;
    }
    footer aside+div>div:last-child ul:last-child {
        position: absolute;
        right: 0;
        float: none;
    }
    .headline-content h1 {
        font: 300 40px/48px Lato;
    }
    #home-page .masthead-swoosh {
        background-color: var(--white);
    }
    #home-page .masthead-swoosh img {
        background-color: transparent;
        height: 100%;
    }
    .how-we-do-img {
        float: left;
        width: 100%;
        margin-bottom: 10%;
        padding-top: 100px;
    }
    .how-we-do-text {
        width: 100%;
        padding-left: 25px;
        padding-bottom: 50px;
    }
    #logo-desktop img {
        margin-left: 55px;
    }
    .what-we-do-img {
        position: relative;
    }
    #our-approach {
        padding-top: 50px;
    }
    #our-approach>div {
        flex-direction: column
    }
    #our-approach>div>h2+div {
        max-width: 450px;
        margin: 0 auto
    }
    #our-approach>div>h2 {
        text-align: center;
        margin-bottom: 20px;
        display: block;
    }
    #our-approach>div>div:last-child {
        padding-right: 0
    }
    #our-approach>div>div img.large-blob {
        transform: none;
        top: 0;
        left: unset;
        margin: 0 auto;
        display: block;
    }
    #our-approach>div>div {
        width: auto;
    }
    #our-approach>div>div>div {
        margin: 0 auto 0 auto;
        width: 545px
    }
    .paragraph {
        padding: 0;
        margin-top: 0;
    }
    #our-approach>div>div:last-child>div:last-child {
        width: 545px;
        margin: 50px auto 0 auto
    }
    #positions-content {
        margin-left: 90px;
        margin-right: 90px;
        width: calc(100% - 190px);
        grid-template-columns: 40% 60%
    }
    #positions-content>div .position:not(:first-child) {
        margin-top: 20px;
    }
    .reactor,
    .green-machine>div:last-child {
        display: none
    }
    .green-machine {
        display: block
    }
    .second-menu {
        margin-left: 15px
    }
    .social-icon {
        transform: none;
        top: 3px
    }
    #solutions {
        grid-template-areas: 'solution' 'snippets';
        grid-template-columns: 100%;
        padding: 50px 40px 90px 40px
    }
    #solutions>div:first-child>div:first-child {
        padding-right: 0
    }
    #solutions h5~p {
        padding-right: 10%
    }
    #solutions>div:last-child {
        margin-bottom: 30px;
        padding: 0
    }
    #solutions>div:last-child>button {
        top: 0;
        right: 0;
        bottom: unset
    }
    .what-how-why .conseqta-how:first-child .conseqta-who:first-child,
    .what-how-why>div {
        border-radius: 0;
        box-shadow: none
    }
    .what-how-why h4+p {
        margin: 10px 5px 10px 5px;
        width: 60%;
    }
    .what-how-why,
    .what-how-why>div>div:nth-child(even) {
        margin: 0;
        border-bottom: 1px solid #c1dde7
    }
    .what-how-why>div>div {
        padding: 50px 0
    }
    .what-how-why>div {
        overflow: hidden
    }
    .what-how-why>div .conseqta-who:nth-child(2) {
        border-left: none;
        border-right: none
    }
    .what-how-why>div>div:nth-child(even) {
        border-top: 1px solid #c1dde7;
        border-left: none;
        border-right: none
    }
    .what-how-why {
        margin-left: 0;
        margin-right: 0;
        padding-top: 50px;
        background-color: var(--white);
    }
    #key-feature-three img:first-child {
        right: -40px;
        bottom: -30%;
        transform: rotate(-12deg) scale(1.15);
    }
}

@media screen and (max-width:900px) {
    #digital-trans .action-group>div:nth-child(1) .subheader span:nth-child(2),
    #digital-trans .action-group>div:nth-child(2) .subheader span:nth-child(2),
    #digital-trans .action-group>div:nth-child(2) .subheader span:nth-child(3),
    #digital-trans .action-group>div:nth-child(3) .subheader span:nth-child(2),
    #digital-trans .action-group>div:nth-child(4) .subheader span:nth-child(2) {
        display: inline
    }
    .reverse {
        margin-top: 0;
        background-color: var(--lightgrey)
    }
    #select-position {
        margin: 65px auto -45px auto;
        cursor: pointer;
        width: calc(100% - 180px);
        background-color: var(--white);
        border-radius: 7px;
        position: relative;
        box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .2)
    }
    #currentItem {
        font: normal 15px Lato;
        padding: 10px 10px 10px 20px
    }
    #chevron {
        width: 18px;
        right: 10px;
        top: 55%;
        transform: translateY(-50%) rotate(-90deg)
    }
    #chevron svg {
        transition: transform .3s
    }
    .chevron-bg {
        right: 0;
        width: 40px;
        top: 0;
        height: 38px;
        opacity: .4;
        background: -moz-linear-gradient(180deg, #f0f0f0 2%, #dddada 68%);
        background: -webkit-linear-gradient(180deg, #f0f0f0 2%, #dddada 68%);
        background: linear-gradient(180deg, #f0f0f0 2%, #dddada 68%);
        border-left: 1px solid #d5d5d5
    }
    .hideElement {
        display: none !important;
    }
    #our-products .colTwo {
        padding-top: 0;
    }
    #our-products .colTwo .conseqta-btn {
        top: 10px;
    }
    #position-list {
        margin: 0 auto;
        font: normal 15px Lato;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        box-sizing: border-box;
        transition: all .5s;
        padding: 5px;
        margin-left: -5px;
        width: calc(100% + 10px);
        height: 140px;
        max-height: 0;
        overflow: hidden;
    }
    #position-list ul {
        line-height: 30px;
        background-color: var(--white);
        border-radius: 7px;
        overflow: hidden;
        opacity: 0;
        transition: opacity .3s ease-out;
        box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .3);
    }
    #positions #footer-positions-partial {
        margin-top: 60px;
    }
    .position-panel {
        padding-bottom: 45px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }
    #proven-accelerators .icons-copy-block {
        padding-bottom: 60px;
    }
    #job-title {
        font-size: 20px;
        line-height: 20px;
    }
    #position-list li {
        padding: 0 0 0 20px;
        transition: background-color .25s
    }
    #position-list li:hover {
        background-color: var(--lightgrey)
    }
    .show-menu {
        max-height: 135px!important;
    }
    .show-positions {
        opacity: 1 !important;
    }
    .rotateChevron {
        transform: rotate(90deg)!important
    }
    .menuView {
        margin: 0!important;
        width: 100%!important;
        border-radius: 0!important
    }
    .radiusZero {
        border-radius: 0!important;
        padding-bottom: 30px!important
    }
    #digital-trans .tab-active:hover {
        width: calc(400% - 180px)
    }
    #digital-trans .benefits {
        display: block;
        box-sizing: border-box;
    }
    #digital-trans .benefits>div:nth-child(2) {
        margin: 30px auto;
    }
    #digital-trans .checkmark-text>span {
        display: unset;
        margin-bottom: 2px;
        margin-right: 2px
    }
    #digital-trans .benefits>div:last-child>div:first-child {
        float: none
    }
    .action-group .icon+.subheader {
        margin-left: 80px;
        margin-top: 10px;
        margin-bottom: 15px
    }
    #description {
        padding-top: 0!important;
        margin: 15px auto 0 auto;
        border-radius: 7px;
        display: none
    }
    #digital-trans .action-group {
        grid-template-areas: "tabOne" "contentOne" "tabTwo" "contentTwo" "tabThree" "contentThree" "tabFour" "contentFour"
    }
    #digital-trans .action-group {
        margin-bottom: 20px
    }
    #digital-trans .tab {
        padding: 15px 0 5px 20px;
        margin-left: 25px;
        border-radius: 6px!important;
        width: calc(400% - 50px);
        margin-bottom: 20px
    }
    #digital-trans .action-content {
        box-shadow: 0 10px 8px -3px rgb(0, 0, 0, .1);
        padding-bottom: 80px;
        margin-bottom: 20px;
        padding-left: 90px;
        padding-right: 90px;
        margin-top: 0;
        width: 100%;
        border-radius: 0
    }
    #digital-trans .tabs-accordion {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
    #digital-trans .tab {
        padding: 15px 0 5px 20px;
        margin-left: 90px;
        width: calc(400% - 180px)
    }
    footer aside {
        padding: 20px
    }
    footer .conseqta-btn,
    footer aside>div:first-child>div:last-child,
    footer input {
        width: 80%
    }
    .what-how-why h4+p {
        width: 80%
    }
    #positions-content {
        display: block;
        margin: 55px 90px 0 80px;
        width: calc(100% - 180px);
        border-radius: 7px;
        padding: 0 10px
    }
    #positions-content>div:first-child {
        background-color: transparent;
        padding-top: 10px;
        padding-left: 0
    }
    #positions-content>div .position {
        background-color: var(--white);
        margin: 0;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
        border-radius: 7px
    }
    #positions-content #description {
        padding: 250px 0 0 0;
        width: 100%
    }
    .thumb+div {
        width: calc(100% - 10px);
        margin-left: 10px;
        z-index: 1
    }
    .product-list-bg {
        width: 100%
    }
    #transformation-accelerators .icon img {
        margin: auto;
    }
    #transformation-accelerators .content {
        position: relative;
    }
    #transformation-accelerators .section .icon:after {
        margin-top: 0;
    }
    .thumb-gradient {
        display: block
    }
    .what-how-why h4+p {
        width: calc(100% - 300px)
    }
    .what-how-why .conseqta-how>div,
    .conseqta-who>div {
        display: inline-block;
        margin: 0 auto 10px auto;
    }
}

@media screen and (max-width:800px) {
    footer aside>div:last-child,
    footer aside>div:nth-child(3),
    footer aside>div:nth-child(4) {
        float: none;
    }
    footer aside>div:nth-child(3),
    footer aside>div:nth-child(4) {
        margin-bottom: 30px;
    }
    #our-agility {
        margin-top: 40px;
    }
    #our-agility .photo {
        max-width: 70%;
        margin: 0 auto;
    }
    #our-products .colOne,
    #our-products .colOne>div:first-child {
        height: auto;
    }
    footer aside>div:nth-child(3) {
        width: 100%;
    }
    #our-products .colTwo {
        margin-top: 0;
    }
    #our-products .navigation {
        display: none;
    }
    #our-products .wrapper {
        max-width: 100%;
        overflow: auto;
    }
    #proven-accelerators .intro-block {
        grid-template-columns: 100%;
        grid-template-rows: auto 0;
        grid-gap: 0;
        padding-top: 80px;
        margin-bottom: 40px;
    }
    #our-agility>div {
        grid-template-columns: 100%;
        grid-gap: 50px;
    }
    #proven-accelerators .intro-block>div:last-child img {
        width: unset;
        height: 100%;
    }
    #proven-accelerators .icons-copy-block {
        padding-bottom: 20px;
    }
    #proven-accelerators .how-we-do-extra:last-child {
        margin-bottom: 10px !important;
    }
    #proven-accelerators .icons-copy-block {
        margin-top: 15px;
    }
    .what-how-why .conseqta-how>div,
    .conseqta-who>div {
        display: inline-block;
        margin: 0 auto 15px auto;
    }
}

@media screen and (max-width:768px) {
    [data-slideshow*=Slideshow]>div:last-child,
    showcase-wrapper {
        display: none
    }
    [data-slideshow*=Slideshow] .image-thumb .flower-bg+p {
        color: #0B0F18;
    }
    [data-slideshow*=Slideshow]>div:first-child>p+div {
        display: block;
    }
    [data-slideshow*=Slideshow] .image-thumb {
        height: auto;
    }
    [data-slideshow*=Slideshow] {
        margin-top: 70px;
    }
    [id*=key-feature] h2 {
        margin-bottom: 10px!important;
    }
    [id*=key-feature]>div:last-child {
        padding-left: 0;
    }
    [id*=key-feature] {
        grid-template-areas: 'photoCol' 'textCol' !important;
        grid-template-columns: 100% !important;
        width: calc(100% - 120px);
    }
    [id*=key-feature] .mask {
        top: unset !important;
        transform: none !important;
        right: unset;
        width: auto !important;
        margin: 0 auto;
        position: unset;
    }
    [data-slideshow*=Slideshow]>div:first-child {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-gap: 40px;
        margin-bottom: 20px;
        margin: 0;
    }
    [data-slideshow*=Slideshow]>div:first-child,
    #analytics-dashboard>div:last-child,
    #our-products .colTwo #color-grid {
        grid-template-columns: 100%
    }
    [data-slideshow*=Slideshow] .image-thumb:not(:last-child) {
        width: 100%;
        margin-bottom: 20px
    }
    [data-slideshow*=Slideshow] .image-thumb .flower-bg+p {
        float: left;
        transform: translateY(10px);
        margin-left: 15px;
        position: unset;
        width: calc(100% - 90px);
        margin-bottom: 25px
    }
    #digital-trans .masthead-img+img,
    #grant-mgmt .masthead-img+img,
    #financial-mgmt .masthead-img+img,
    #konverge .masthead-img+img,
    #streaming-analytics .masthead-img+img {
        height: 7%;
    }
    #solutions>div:first-child,
    footer .conseqta-btn,
    footer aside>div:first-child>div:last-child,
    footer aside>div:nth-child(4),
    footer input {
        width: 100%
    }
    #key-feature-one>div:last-child,
    #key-feature-two>div:first-child,
    #key-feature-three>div:last-child,
    #key-feature-four>div:first-child,
    #key-feature-five>div:last-child,
    #grant-mgmt #key-feature-six>div:first-child {
        transform: scale(.85);
    }
    #key-feature-five>div:last-child,
    #key-feature-one>div:last-child,
    #key-feature-three>div:last-child {
        grid-area: photoCol;
    }
    #apply,
    #masthead-wrapper .conseqta-btn,
    #solutions .conseqta-btn,
    footer .conseqta-btn {
        background: transparent linear-gradient(102deg, #01b3db 0, #61cee7 100%) 0 0 no-repeat padding-box;
        box-shadow: 0 3px 6px #03bBDD2F;
        border-radius: 5px;
        opacity: 1;
        margin-top: 50px
    }
    .accordion,
    .show675,
    footer aside+div,
    footer h3+div {
        display: block
    }
    #forme #key-feature-one>div:last-child,
    #forme #key-feature-three>div:last-child,
    #forme #key-feature-two>div:first-child,
    #forme #key-feature-four>div:first-child,
    #forme .masthead>div:last-child div,
    #forme [id*=key-feature] .mask,
    #forme .desc-wrapper,
    .flower-bg,
    .dynamic-center {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    #capabilities,
    .cluster-monitoring,
    .analytics-img,
    footer aside+div>div:last-child ul:nth-child(2),
    #solutions>div:first-child {
        margin: 0 auto;
    }
    .accordion {
        background-color: var(--accBg);
        border-radius: 7px;
        color: #4c4b4d;
        font: normal 10pt/23px 'Open Sans';
        clear: both;
        max-height: 0;
        transition: max-height .25s;
        overflow: hidden;
        transform: translateY(5px);
    }
    .accordion-open {
        max-height: 250px!important
    }
    .accordion p {
        padding: 15px 15px 15px 15px
    }
    #analytics-dashboard>div:last-child {
        padding: 0
    }
    #analytics-dashboard>div div:nth-child(2) {
        border-bottom: 2px solid #a8cedd;
        padding-bottom: 40px;
    }
    .analytics-img {
        height: auto;
        width: 70%;
    }
    #analytics-dashboard p {
        padding: 0 90px
    }
    #analytics-dashboard>div div:nth-child(2),
    #analytics-dashboard>div>div:last-child {
        padding: 0;
    }
    #analytics-dashboard>div>div:last-child {
        padding-top: 20px;
    }
    #analytics-dashboard>div>div p:last-child {
        margin-bottom: 50px;
    }
    #capabilities>div:first-child {
        padding-right: 30px;
        margin-bottom: 45px;
    }
    #capabilities {
        color: var(--white);
        max-width: 1400px;
        padding: 35px 30px 65px 50px;
        text-align: center;
        padding-right: 35px !important;
    }
    #capabilities>div:last-child {
        grid-gap: 35px;
    }
    #capabilities>div:last-child>div p:nth-child(2) {
        font-size: 15px;
    }
    #capabilities>div:first-child p:first-child {
        font-size: 17px;
    }
    #capabilities>div:last-child>div p:last-child {
        padding-right: 0
    }
    #capabilities .icon,
    #capabilities>div:first-child p:last-child {
        font-size: 25px;
    }
    #capabilities>div:last-child>div p:nth-child(2) {
        margin-top: 20px;
    }
    #capabilities>div:last-child>div p:not(:nth-child(2)) {
        font-size: 15px;
        padding-bottom: 2px;
        line-height: 25px;
    }
    .cluster-monitoring {
        width: calc(100% - 120px);
    }
    #digital-trans p span {
        font-size: 16px;
        letter-spacing: .1pt;
    }
    .dynamic-center {
        position: unset;
        top: unset !important;
    }
    .divider {
        display: none
    }
    #digital-trans .tab>div:first-child {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .event-driven-icon,
    .data-engineering-icon,
    .performance-icon,
    .microservice-icon,
    .distributed-icon,
    .machine-learning-icon {
        margin: 0 auto;
    }
    .flower-bg {
        top: unset;
        float: left
    }
    .footer-swoosh {
        height: 70px;
    }
    footer h3 {
        font-size: 3vw;
    }
    footer aside+div>div:last-child ul {
        min-width: auto;
        float: none;
    }
    footer aside+div>div:last-child {
        display: flex;
    }
    footer aside+div>div:last-child ul:nth-child(2) {
        width: 30%;
        position: absolute;
        left: 0;
        right: 0;
        transform: translateX(15%);
    }
    #forme #introBlock {
        margin-left: 30px;
        margin-right: 30px;
    }
    #forme #key-feature-four>div:last-child>div {
        margin-left: 0;
    }
    #forme .paragraph {
        width: 100%;
    }
    #forme .masthead {
        display: block;
        padding-top: 21px !important;
        padding-left: 0;
        padding-right: 0;
        height: auto;
        margin-left: 30px;
        margin-right: 30px;
    }
    #forme .bgAnna img {
        width: 150%;
    }
    #forme .masthead>div:first-child {
        padding: 0;
        margin-top: 100px;
    }
    #forme .masthead>div:last-child {
        padding-left: 0;
    }
    #forme .showcase img {
        width: 150%;
    }
    #forme .desc-wrapper {
        position: unset;
        top: unset;
    }
    #forme .product-description {
        max-width: unset;
        width: 95%;
    }
    #forme .product-description h1 {
        font-size: 2em;
        line-height: 42px;
    }
    #forme .get-started {
        margin-top: 45px;
    }
    #forme #key-feature-two .dynamic-center {
        transform: none !important;
        left: auto !important;
    }
    #forme #key-feature-one {
        margin-top: 105px;
        margin-bottom: 140px;
    }
    #forme #key-feature-two img:last-child {
        max-width: none;
    }
    #forme #key-feature-four {
        margin-top: 90px;
    }
    #forme #key-feature-three {
        margin-bottom: 0 !important;
        grid-gap: 0;
    }
    #forme-home .masthead {
        padding-left: 0;
        padding-right: 0;
    }
    #forme .product-description h1 {
        font: 300 46px/54px 'Lato';
    }
    #forme .get-started p {
        margin-top: 10px;
    }
    #forme [id*=key-feature] {
        grid-template-areas: 'photoCol' 'textCol' !important;
        grid-template-columns: 100% !important;
    }
    #forme .dynamic-center {
        left: unset !important;
        transform: none !important;
    }
    #forme [id*=key-feature] .mask {
        width: auto;
        left: unset;
        top: unset;
        transform: scale(.85) !important;
    }
    #forme-home .masthead>div:last-child {
        padding-left: 0;
        width: calc(100% - 95px);
    }
    .hide-descriptions {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1
    }
    #intro {
        width: calc(100% - 180px);
    }
    #key-feature-one img:first-child,
    #key-feature-three img:first-child {
        right: -70px;
        bottom: -25%;
        transform: rotate(-12deg);
        left: unset;
    }
    #key-feature-five img:first-child {
        right: -15%;
    }
    #key-feature-two img:first-child {
        position: absolute;
        bottom: -55px;
        right: 25%;
        transform: scale(.8) rotate(-140deg);
    }
    .masthead-swoosh {
        height: 60px;
        background-color: var(--lightgrey)
    }
    .misc-backgrounds {
        width: 0;
        height: 0
    }
    #our-products {
        margin-bottom: 0;
    }
    #our-products .colOne>div:last-child {
        height: 50px;
    }
    #our-products .colOne>div:last-child>div {
        max-height: 50px;
    }
    #our-approach>div>div:last-child>div:last-child,
    #our-approach>div>div>div {
        width: calc(100% - 120px);
        margin: 50px 60px 0 60px;
    }
    #our-products #color-grid>div {
        padding: 25px 30px;
    }
    #our-products .content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 40px;
    }
    #our-products .colTwo .conseqta-btn {
        position: relative;
        top: unset;
        right: unset;
        margin-top: 15px;
        float: left;
    }
    .blue-text-caps+h2 {
        font: lighter 25px/35px Lato;
        margin-bottom: 20px;
        margin-top: 7px
    }
    #our-products li {
        width: 250px
    }
    #our-products .wrapper {
        max-width: 100%;
        overflow: auto;
        width: 1250px
    }
    #our-products .colOne img {
        max-width: unset
    }
    #our-products ul {
        width: 1250px
    }
    .page-grid>div:not(:last-child) {
        margin-bottom: 160px;
    }
    .page-grid {
        margin-top: 130px;
        overflow: hidden;
        width: 100%;
        padding-bottom: 100px !important;
    }
    .page-title h3 {
        font-size: 2.12em;
    }
    #positions .masthead {
        width: 100%;
    }
    #positions-content>div:first-child:after {
        box-shadow: none
    }
    #positions-content>div:first-child {
        padding-bottom: 45px;
        padding-top: 20px
    }
    .realtime-img {
        margin-top: 0;
        margin-bottom: 10px
    }
    .reverse {
        margin-top: 70px;
    }
    #select-position {
        margin-top: 40px;
    }
    #streaming-analytics #key-feature-six {
        margin-top: 170px
    }
    .second-menu {
        margin-left: 25px
    }
    #solutions>div:first-child {
        grid-template-columns: auto auto
    }
    .show-position-description {
        position: unset!important;
        z-index: unset!important;
        left: unset!important;
        top: unset!important;
        background-color: transparent!important;
        padding: 20px 30px 0 30px!important
    }
    #streaming-analytics #key-feature-six>div:last-child>div {
        padding: 30px 20px 30px 30px
    }
    #streaming-analytics .page-grid {
        padding-bottom: 20px !important;
    }
    #transformation-accelerators .description>div {
        left: unset;
        right: unset;
        margin: unset;
        justify-content: unset;
    }
    #transformation-accelerators .faux-list p {
        margin-left: 15px;
    }
    .what-how-we-do>div.how-we-do-extra p {
        padding-right: 0;
    }
    .what-how-why .conseqta-how>div,
    .conseqta-who>div {
        display: inline-block;
        margin: 0 auto 10px auto;
    }
    .what-we-do-img-wrapper {
        margin-top: 40px !important;
    }
}

@media screen and (max-width:675px) {
    [id*=key-feature] .mask {
        margin-bottom: 30px;
    }
    [id*=key-feature] {
        width: 100%;
        margin: auto;
    }
    [data-slideshow*=Slideshow] {
        margin-top: 90px;
        padding-left: 30px;
        padding-right: 30px;
    }
    #capabilities>div:last-child,
    #key-feature-four>div:first-child,
    #key-feature-two>div:first-child,
    #solutions>div:first-child,
    .left-aligned-photo {
        margin: 0 auto
    }
    #capabilities>div:last-child,
    #digital-trans .animation,
    #digital-trans .different-approach img,
    #key-feature-four>div:first-child,
    #key-feature-two>div:first-child,
    #solutions>div:first-child,
    .tab,
    footer .conseqta-btn,
    footer input {
        width: 100%
    }
    .cloud-icon,
    .cycle-icon,
    .doc-icon,
    .flag-icon,
    .link-icon,
    .protractor-icon,
    .shield-icon,
    .sys-icon,
    .watch-icon {
        position: unset;
    }
    #capabilities>div:first-child,
    #digital-trans .action-content,
    #solutions,
    footer aside,
    footer aside+div>div:first-child div+p {
        padding-left: 0;
        padding-right: 0
    }
    .copyright,
    footer aside+div>div:first-child>div:first-child,
    footer aside+div>div:last-child ul,
    footer aside+div>div:last-child ul:first-child {
        padding-left: 0
    }
    #digital-trans #intro,
    #digital-trans .different-approach,
    #select-position,
    #solutions,
    .what-how-why h4+p,
    footer aside,
    footer aside+div {
        width: calc(100% - 70px)
    }
    #digital-trans .masthead-img+img,
    #grant-mgmt .masthead-img+img,
    #financial-mgmt .masthead-img img,
    #konverge .masthead-img+img,
    #streaming-analytics .masthead-img+img {
        height: 5%;
    }
    footer aside>div:first-child,
    footer aside>div:nth-child(2),
    footer aside>div:nth-child(3),
    footer aside>div:nth-child(4),
    footer aside>div:nth-child(5) {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    #digital-trans .page-title,
    #grant-mgmt .page-title,
    #financial-mgmt .page-title,
    #konverge .page-title,
    #streaming-analytics .page-title {
        top: 52%;
    }
    #apply,
    #masthead-wrapper .conseqta-btn,
    #solutions .conseqta-btn,
    footer .conseqta-btn {
        background: transparent linear-gradient(102deg, #01b3db 0, #61cee7 100%) 0 0 no-repeat padding-box;
        box-shadow: 0 3px 6px #03bBDD2F;
        border-radius: 5px;
        opacity: 1;
        margin-top: 15px
    }
    .action-content p,
    .section-header,
    #digital-trans .benefits {
        padding-left: 15px;
        padding-right: 15px;
    }
    #approach-footer,
    #how-it-works-footer {
        margin-bottom: 20px;
    }
    .action-group .icon+.subheader {
        font-size: 12pt;
        letter-spacing: 0
    }
    #analytics-dashboard p {
        padding: 0 60px;
        margin-top: 20px
    }
    #capabilities {
        padding-right: 35px;
    }
    #capabilities>div:last-child,
    #solutions>div:first-child {
        grid-template-columns: auto
    }
    #capabilities>div:last-child>div p:last-child {
        padding-right: 0;
    }
    .capabilties-swoosh {
        height: 90px;
    }
    #capabilities,
    .copyright p {
        padding-left: 35px;
    }
    #capabilities {
        padding-left: 35px;
    }
    .cluster-monitoring {
        width: 100%;
        margin: auto;
    }
    .copyright {
        padding: 10px 0 50px 0;
    }
    #digital-trans .animation {
        height: auto;
        max-width: 385px
    }
    #digital-trans .tab {
        padding: 15px 0 5px 0;
        width: calc(400% - 60px);
        margin-left: 30px;
    }
    #digital-trans p span {
        font-size: 1.1em;
        letter-spacing: 0
    }
    #digital-trans .different-approach img {
        height: auto;
        position: unset;
        transform: none;
        left: unset
    }
    #digital-trans .checkmark {
        height: 25px;
        width: 25px
    }
    #digital-trans .benefits>div:last-child>div:first-child {
        float: none;
    }
    #digital-trans .checkmark+span {
        padding-left: 40px;
    }
    #digital-trans .tab-active:hover {
        width: calc(400% - 60px);
    }
    #digital-trans .benefits>div {
        margin-bottom: 25px!important;
    }
    #digital-trans .different-approach {
        margin: 100px auto;
    }
    #digital-trans .tabs-accordion {
        margin-top: 120px;
    }
    #digital-trans .action-content {
        border-radius: 10px;
    }
    #digital-trans .tab>div:first-child {
        left: 15px;
    }
    #digital-trans .action-content {
        margin: 0;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 0;
    }
    .footer-swoosh {
        height: 70px;
    }
    footer aside+div>div:last-child ul:last-child {
        position: unset;
        margin-top: 30px;
    }
    footer aside+div>div ul:last-child>a+li {
        margin-top: 25px;
        margin-bottom: 20px;
    }
    footer aside>div:first-child>div {
        width: 96%;
        margin: 0 auto 30px auto
    }
    footer h3 {
        font-size: 4.5vw;
        text-align: center;
        opacity: .9;
    }
    footer aside+div>div:last-child ul:nth-child(2) {
        position: unset;
        width: 100%;
        transform: none;
    }
    footer aside+div>div:last-child {
        display: block;
        margin-top: 30px;
    }
    footer aside+div>div:last-child ul>li:first-child {
        margin-bottom: 25px;
    }
    footer aside+div>div:last-child ul li:nth-child(6) {
        margin-bottom: 5px;
    }
    footer aside+div>div:last-child ul>li:last-child {
        margin-top: 10px;
    }
    footer aside+div>div:last-child ul:first-child {
        width: 100%;
    }
    footer aside+div>div:last-child ul li {
        margin-bottom: 14px;
    }
    footer aside+div>div:first-child div+p {
        width: auto;
    }
    footer aside+div>div:last-child {
        min-width: unset;
    }
    footer aside+div>div:last-child {
        float: none;
    }
    footer h3+div {
        text-align: center;
    }
    footer aside+div>div:last-child {
        width: 100%;
    }
    footer aside {
        border-radius: 7px;
    }
    footer aside>div:first-child {
        display: unset;
    }
    footer aside+div {
        margin-bottom: 15px;
    }
    footer input {
        height: 35px;
        margin-bottom: 15px;
        margin-top: 30px;
        width: 80%;
    }
    footer .conseqta-btn {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        width: 80%;
    }
    footer aside+div>div:last-child ul:first-child+ul {
        border-bottom: 2px solid #1f2125;
        margin-bottom: 25px
    }
    #forme .in-action {
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        transform: translateY(-5px);
    }
    #forme .doc-icon {
        background-size: 195px;
        width: 56px;
    }
    #forme .shield-icon {
        background-size: 240px;
        background-position-x: -136px;
        width: 38px;
    }
    #forme .flag-icon {
        background-size: 260px;
        background-position-x: -188px;
        height: 41px;
        width: 44px;
    }
    #forme .blue-text-caps+h2 {
        font-size: 1.5em;
        line-height: 25px;
        margin-left: 2px;
    }
    #forme #key-feature-one {
        margin-bottom: 125px;
        margin-top: 0;
    }
    #forme #introBlock {
        width: calc(100% - 60px);
        padding-top: 40px;
    }
    #forme .bgAnna img {
        width: 200%;
        transform: translateX(-10%);
        margin-top: 0;
    }
    #forme #introBlock .b-mgmt .icon {
        background-position: 2px 3px;
        width: 47px;
        background-size: 160px;
    }
    #forme .in-action {
        box-shadow: 0px 2px 15px 1px rgb(0, 0, 0, .3);
    }
    #forme #key-feature-two {
        margin-bottom: 125px;
    }
    #forme .desc-wrapper {
        padding: 0;
    }
    #forme .product-description {
        width: 100%;
    }
    #forme .product-description h1 {
        font: 300 2em/45px 'Lato';
    }
    #forme #key-feature-four .mask {
        transform: none !important;
    }
    #forme #key-feature-four>div:last-child>div {
        margin-left: 0;
    }
    #forme #introBlock h2 {
        font-size: 1.75em;
    }
    #forme #introBlock .colTwo>div {
        display: block;
    }
    #forme #introBlock h2+p {
        opacity: .9;
    }
    #forme .colTwo p {
        max-width: 100%;
    }
    #forme [id*=key-feature] {
        width: 100%;
    }
    #forme .in-action p:first-child {
        color: black;
    }
    #forme .in-action p:last-child {
        color: black;
        font-size: .8em;
        line-height: 25px;
    }
    #forme #introBlock .c-mgmt .icon {
        background-size: 170px;
        background-position: -49px 11px;
        width: 46px;
    }
    #forme #introBlock .icon {
        background-size: 200px;
        background-position: -161px 7px;
    }
    #forme #introBlock .s-mgmt .icon {
        background-position: -103px 3px;
        width: 38px;
        background-size: 179px;
        margin-top: 50px;
    }
    #forme .showcase img {
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    #forme .masthead>div:last-child {
        width: 100%;
        padding: 0;
    }
    #forme .masthead>div:first-child {
        padding: 0 30px;
        margin-top: 90px;
    }
    #forme .protractor-icon {
        background-size: 212px;
        background-position: -61px 3px;
        width: 36px;
    }
    .green-machine {
        padding-left: 30px;
        padding-right: 30px;
    }
    #mobile-nav {
        font-size: 2em;
    }
    #mobileNav>.viewOne>div {
        height: 10vh;
    }
    #mobileNav {
        margin-top: 15vh;
        height: calc(90vh - 15vh);
    }
    #mobile-nav .viewTwo {
        padding: 0 30px;
    }
    #our-products #color-grid>div {
        padding: 15px;
    }
    #our-products h4 {
        font-size: 1.4em;
    }
    #our-products #copyblock {
        margin-top: 10px;
    }
    #our-products .colOne>div:last-child {
        margin-top: 15px;
    }
    .what-how-we-do>div.how-we-do-extra {
        grid-template-columns: 150px auto;
    }
    #our-agility {
        margin-bottom: 100px;
    }
    #our-agility .photo {
        max-width: unset;
    }
    #our-products .content {
        padding-left: 0;
        padding-right: 0;
        margin-left: 30px;
        margin-right: 30px;
    }
    #our-belief-top {
        margin: 0 auto;
        text-align: left;
        width: 80%;
        opacity: .9;
    }
    .page-grid {
        margin-top: 50px;
        padding-bottom: 70px !important;
    }
    .product-principles {
        font-size: 16px;
        margin-bottom: 45px
    }
    #principles>div div+p {
        padding-left: 0 !important;
        font-size: 15px !important;
        margin-top: 10px;
    }
    #principles {
        width: calc(100% - 60px);
        margin-left: 30px;
        margin-right: 30px;
        padding: 0;
    }
    #principles>div:last-child p:last-child {
        padding-left: 0;
        opacity: .6;
    }
    #solutions {
        margin-left: 30px;
        margin-right: 30px;
        width: calc(100% - 60px);
    }
    #careers-footer {
        margin-top: 15px;
        margin-bottom: 22px;
    }
    #hamburger,
    #close {
        right: 20px;
    }
    #our-approach>div>div:last-child>div:last-child,
    #our-approach>div>div>div {
        width: calc(100% - 60px);
        margin: 50px 30px 0 30px
    }
    #our-approach h2 {
        font-size: 1.5em;
    }
    #our-approach small+ul {
        margin-bottom: 8px;
        float: none
    }
    .page-grid {
        padding-right: 30px;
        padding-top: 0;
        padding-left: 30px;
    }
    .page-title h3 {
        font-size: 1.75em;
        margin-bottom: 15px;
    }
    #positions-content {
        width: calc(100% - 80px);
        margin: 0 30px;
    }
    #positions #footer-positions-partial {
        margin-top: 75px;
    }
    .second-menu {
        margin-left: 0;
    }
    .shiftSmall {
        margin-top: 0;
    }
    #solutions>div:last-child {
        margin-bottom: 80px;
    }
    #solutions>div:last-child>button {
        top: unset;
        right: unset;
        margin-top: 20px
    }
    #streaming-analytics #key-feature-six>div:last-child>div:last-child {
        border-left: none;
        border-top: 1px solid var(--medTurquoise);
    }
    .tab {
        border-radius: 0;
    }
    #transformation-accelerators .faux-list {
        margin-left: 20px;
        margin-top: 20px;
        width: 280px;
    }
    #transformation-accelerators .description {
        grid-template-columns: 100%;
        grid-row-gap: 20px;
    }
    #transformation-accelerators .description>div {
        padding-right: 0;
        display: flex;
        justify-content: center;
    }
    #transformation-accelerators .icon {
        position: relative;
    }
    #proven-accelerators .how-we-do-extra:nth-child(2) .icon {
        top: 60px;
    }
    #transformation-accelerators .section .icon:after {
        position: absolute;
        top: 0;
        left: 80px;
    }
    .what-how-why h4+p {
        width: calc(100% - 60px);
    }
    .what-how-why>div>div {
        padding: 25px 0;
    }
    .what-how-why .conseqta-how>div,
    .conseqta-who>div {
        display: inline-block;
        margin: 0 auto 5px auto;
    }
    .what-how-why h4+p {
        margin-bottom: 5px;
    }
    .what-how-why h4 {
        font-size: 1.2em;
    }
}

@media screen and (max-width:550px) {
    #digital-trans .checkmark-text>span {
        display: table;
    }
    #our-approach h2 span:last-child {
        display: block;
    }
    #our-products .colOne>div:last-child {
        height: 30px;
    }
}

@media screen and (max-width:500px) {
    #our-products .colOne>div:last-child {
        grid-gap: 20px;
        grid-template-columns: repeat(5, calc(20% - 15px));
    }
    #key-feature-one>div:last-child,
    #key-feature-two>div:first-child,
    #key-feature-three>div:last-child,
    #key-feature-four>div:first-child,
    #key-feature-five>div:last-child,
    #grant-mgmt #key-feature-six>div:first-child {
        transform: none;
    }
    #digital-trans .different-approach>div:last-child div {
        padding-left: 0;
        padding-top: 25px;
    }
    .section-header {
        font-size: 28px;
        line-height: 40px;
    }
    #key-feature-two img:first-child {
        position: absolute;
        bottom: 0;
        right: 30%;
    }
    #digital-trans .different-approach h3 {
        line-height: 38px;
        margin-bottom: 20px;
        padding-top: 0;
        font-size: 1.7em;
    }
    #key-feature-three img:first-child {
        right: -55px;
        bottom: 5%;
    }
    #principles {
        width: calc(100% - 70px);
        margin-left: 35px;
        margin-right: 35px;
    }
    .what-how-we-do>div.how-we-do-extra {
        grid-template-columns: 80px auto;
    }
    .what-how-we-do>div.how-we-do-extra img {
        height: 50px;
        margin-left: 0;
        margin-top: 0;
    }
    #digital-trans .action-group>div:nth-child(3) .subheader span:nth-child(3) {
        display: block;
    }
    #digital-trans .action-group>div:last-child .animation {
        width: 85%;
    }
    #intro {
        width: calc(100% - 100px);
    }
    .reverse {
        margin-top: 50px;
    }
    .page-grid>div:not(:last-child) {
        margin-bottom: 110px;
    }
    #konverge .page-grid {
        padding-bottom: 110px;
    }
    #our-approach small+ul {
        width: 100%;
    }
    .page-title h3 {
        font-size: 1.5em;
    }
    #digital-trans p span {
        font-size: .95em;
    }
    #positions #footer-positions-partial {
        margin-top: 50px;
    }
    #konverge .cluster-monitoring>div:last-child {
        grid-gap: 30px;
    }
}

@media screen and (max-width:450px) {
    [id*=key-feature] .mask img {
        width: 100%;
    }
    #intro aside p:first-child {
        font-size: 1em;
    }
}