@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.eot?mnf2be");
	src: url("../fonts/icomoon.eot?mnf2be#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?mnf2be") format("truetype"), url("../fonts/icomoon.woff?mnf2be") format("woff"), url("../fonts/icomoon.svg?mnf2be#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Icons
----------------------------------------------------------------------------- */

.icon-hybrid-cloud:before {
	content: "\e900";
}
.icon-managed:before {
	content: "\e901";
}
.icon-public-cloud:before {
	content: "\e902";
}
.icon-snow:before {
	content: "\e903";
}
.icon-snow-2:before {
	content: "\e906";
}
.icon-workforce:before {
	content: "\e904";
}
.icon-zto:before {
	content: "\e905";
}

.icon-security:before {
	content: "\e907";
}
.icon-hybrid-cloud2:before {
	content: "\e908";
}
.icon-digital-workspace:before {
	content: "\e909";
}
.icon-digital-workflow:before {
	content: "\e90a";
}
.icon-intelligent-ops:before {
	content: "\e90d";
}
.icon-devops:before {
	content: "\e90c";
}


.main-header.sticky {
    z-index: 999;
}

.entry .link-btn,
.link-btn {
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: 500;
    background: #0063b9;
    color: #fff;
    padding: 17px 29px;
		-webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.entry .link-btn:after,
.link-btn:after {
    display: block;
    width: 8px;
    height: 8px;
    margin: 2px -1px 0 40px;
    transform: rotate(-45deg);
    border: 1px solid #5683F0;
    border-width: 0 2px 2px 0;
    content: '';
}

.entry .link-btn:hover,
.link-btn:hover {
    background: #004f94;
}

.subpage-header h2,
.blog-header h2 {
    letter-spacing: 0;
    font-size: 3.5rem;
    line-height: 3.5625rem;
    text-transform: none;
}

.page-title {
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: #fff;
    /* background: #0063b9; */
    background-color: #000;
    min-height: 378px;
    padding: 3.75rem 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.page-title .bg {
    z-index: -1;
    background-size: cover;
    background-position: 50% 0%;
    background-position: 0% 0%;
    /* right: 20px; */
    right: 0px;
    left: 28.8%;
    position: absolute;
    top: 0;
    bottom: 0;
}

/* .page-title .bg:before {
    position: absolute;
    left: -120px;
    right: -120px;
    top: -200px;
    bottom: -200px;
    box-shadow: inset 120px -100px 120px 150px #000000, inset -80px -100px 120px 150px #000000, 0 0 0 50px #000000;
    content: '';
    border-radius: 30%;
} */

.page-title .row {
    width: 100%;
}

.page-title .subhead-container {
    padding: 0;
}

.page-title h2 {
    font-weight: bold;
    letter-spacing: 0;
    font-size: 3.5rem;
    line-height: 3.5625rem;
    text-transform: none;
}

.general-body.intro-block {
    padding: 90px 0;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.general-body.intro-block {
  padding: 191px 0 163px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.general-body.intro-block .one-aside {
  align-items: center;
}
.general-body.intro-block .one-aside p {
  line-height: 1.6;
  margin: 0 0 28px;
  font-weight: 400;
}

.general-body.intro-block .one-aside p strong {
  font-weight: 600;
  color: #ffffff;
}

.general-body.intro-block .one-aside aside {
  border: none;
  border-right: none;
  padding: 0 0 56px;
  margin: 0;
  flex: 1 1 270px;
  text-align: center;
}

.general-body.intro-block .one-aside aside h3 {
  font-weight: 300;
  font-size: 32px;
  line-height: 1.34;
  margin: 24px 0 24px;
  padding: 0px 5px;
  text-align: center;
}
.general-body.intro-block .one-aside aside h4 {
font-size: 22px;
font-weight: 600;
color: #0063b9;
text-align: center;
margin-bottom: 30px;
}
.general-body.intro-block .one-aside aside img {
display: block;
margin: 0 auto 12px;
}
.general-body.intro-block .one-aside aside img:first-of-type {
  margin-bottom: 40px;
}

.general-body.intro-block .one-aside aside h3 strong {
  font-weight: 500;
  color: #0063b9;
}

.general-body.intro-block .entry h2 {
    line-height: 1.36;
    font-size: 28px;
    font-weight: normal;
    margin: 0 0 36px;
}

.general-body.intro-block .entry h2 strong {
    font-weight: 700;
}

.photos-block {
    background: #efefef;
    padding: 189px 0;
}

.photos-block .row {
    padding: 0 3.5rem;
}
.latest-news header h2 {
  font-family: 'Work Sans', sans-serif;
  text-transform: none;

}
.photos-block h2, .hp-announcement h2, .partners-block h2, .latest-news header h2, .hp-why-cdi-box h2, .fc-description h2 {
    font-size: 48px;
    color: #000000;
    line-height: 1.36;
    font-weight: 300;
    margin: 0 0 60px;
    text-transform: none;
}
.partners-block h2, .latest-news header h2 {
  text-align: center;
}
.hp-why-cdi-box h2 {
	color: #ffffff;
	margin-bottom: 20px;
}
.fc-description {
	text-align: left;
	width: 500px;
}
.fc-description h2 {
	text-align: left;
	line-height: 1;
	color: #ffffff;
	margin-bottom: 20px;
}
.hp-announcement h2, .partners-block h2, .latest-news header h2 {
  margin-bottom: 20px;
}

.photos-block h2 strong, .hp-announcement h2 strong, .partners-block h2 strong, .latest-news header h2 strong{
    color: #0063b9;
    font-weight: 600;
}

.photos-library {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -4px;
}

.photos-library .slick-arrow {
    display: block !important;
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.35);
	opacity: .75;
    width: 40px;
    height: 40px;
    border: none;
    padding: 0;
}

.photos-library .slick-arrow:focus {
    outline: none;
}

.photos-library .slick-arrow:hover {
    opacity: 1;
}

.photos-library .slick-arrow:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border: 1px solid #fff;
    content: '';
    transform: rotate(-45deg) translateX(-50%) translateY(-50%);
}

.photos-library .slick-arrow.slick-prev:after {
    border-width: 2px 0  0 2px;
    margin-left: 10px;
}

.photos-library .slick-arrow.slick-next:after {
    border-width: 0 2px 2px 0;
}

.photos-library .item {
    background-position: 50% 50%;
    background-size: cover;
    height: 300px;
    width: calc(33.3% - 30px);
    margin: 15px;
}

.photos-library .item-wide {
    width: calc(41.6% - 30px);
}

.photos-library .item-x-wide {
    width: calc(49.9% - 30px);
}

.photos-library .item-small {
    width: calc(25% - 30px);
}

.photos-library .item-tall {
    height: 630px;
}

.info-block {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding: 198px 0;
}

.info-block .row {
    padding: 0 3.5rem;
}

.info-block h2 {
    font-size: 48px;
    line-height: 1.36;
    font-weight: 300;
    margin: 0 0 10px;
}

.info-block h2 strong {
    color: #0063b9;
    font-weight: 600;
}

.info-block h2 em {
    font-size: 38px;
    display: block;
    margin: -12px 0 0 39px;
}

.info-block .note {
    font-size: 18px;
    font-weight: 200;
    margin: -3px 0 0 43px;
}

.info-heading {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 0 0 30px;
    text-align: center;
}

.info-greeds {
    padding: 0;
    list-style: none;
    color: #fff;
}

.info-greeds h3 {
    font-size: 48px;
    line-height: 1;
    font-weight: 500;
    margin: 0 -32px 8px 0;
}

.info-greeds p {
    margin: 15px 0 0;
}

.info-greeds li {
    position: relative;
    width: 58.33%;
}

.info-greeds li:nth-child(1) {
    z-index: 9;
}

.info-greeds li:nth-child(2) {
    z-index: 8;
}

.info-greeds li:nth-child(3) {
    z-index: 7;
}

.info-greeds li:nth-child(4) {
    z-index: 6;
}

.info-greeds li:nth-child(5) {
    z-index: 5;
}

.info-greeds li:nth-child(6) {
    z-index: 4;
}

.info-greeds li:nth-child(7) {
    z-index: 3;
}

.info-greeds li:nth-child(8) {
    z-index: 2;
}

.info-greeds li:nth-child(9) {
    z-index: 1;
}

.info-greeds li:nth-child(10) {
    z-index: 0;
}

.info-greeds li:nth-child(11) {
    z-index: -1;
}

.info-greeds li:nth-child(12) {
    z-index: -2;
}

.info-greeds li + li {
    margin-top: -2.8%;
}

.info-greeds li:nth-child(even) {
    margin-left: auto;
    text-align: right;
    margin-top: -23.35%;
}

.info-greeds li:nth-child(even) .descr {
    left: auto;
    right: 0;
}

.info-greeds li:nth-child(even) h3 {
    margin-right: 0;
}

.info-greeds li:nth-child(2) {
    z-index: 10;
}

.info-greeds li:last-child img {
    box-shadow: none;
}

.info-greeds li:hover .text,
.info-greeds li.hover .text {
    max-height: 600px;
}

.info-greeds li:hover img,
.info-greeds li.hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
    filter: gray;
}

.info-greeds li:hover:before,
.info-greeds li.hover:before {
    opacity: .8;
}

.info-greeds li:nth-child(3n+2):before {
    background: #003868;
}

.info-greeds li:nth-child(3n+3):before {
    background: #002a63;
}

.info-greeds li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 3;
    opacity: 0;
    background: #0063b9;
    transition: all .3s ease;
}

.info-greeds img {
    transition: all .3s ease;
    box-shadow: 0 0 0 20px #111111;
    display: block;
    width: 100%;
}

.info-greeds .descr {
    position: relative;
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: auto;
    max-height: 100%;
    width: 70%;
    line-height: 1.8;
    padding: 45px 40px;
}

.info-greeds .text {
    transition: all .3s ease;
    overflow: hidden;
    max-height: 0;
}

.cta-block {
    z-index: 1;
    position: relative;
    background: #0063b9;
    color: #fff;
    overflow: hidden;
    padding: 185px 0 165px;
}

.cta-block .bg {
    z-index: -1;
    background-size: cover;
    background-position: 50% 50%;
    right: 0;
    left: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
}

.cta-block .bg:before {
    position: absolute;
    left: -180px;
    top: -121px;
    bottom: -121px;
    width: 1000px;
    box-shadow: inset 200px 50px 90px 70px #0063b9;
    content: '';
    border-radius: 50%;
}

.cta-block .row {
    padding: 0 3.5rem;
}

.cta-block .entry {
    max-width: 50%;
}

.cta-block .entry p {
    line-height: 1.6;
    margin: 0 0 28px;
}

.cta-block h2 {
    font-size: 48px;
    line-height: 1.36;
    font-weight: 300;
    margin: 0 0 30px;
}

.cta-block h2 strong {
    font-weight: 500;
}

.logos-block {
    text-align: center;
    padding: 187px 0;
}
.cta-cares-block {
	padding: 100px 0;
}

.logos-block .row {
    padding: 0 3.5rem;
}

.logos-block h2 {
    font-size: 48px;
    line-height: 1.36;
    font-weight: 300;
    margin: 0 0 31px;
}

.logos-block h2 strong {
    color: #0063b9;
    font-weight: 600;
}

.logos-block p {
    margin: 0 0 28px;
}

.logos-block header {
    line-height: 1.75;
    margin: 0 auto;
    max-width: 83.34%;
}

.logos {
    padding: 0;
    margin: 0 -13px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.logos li {
    margin: 15px 13px;
}

.logos img {
    display: block;
    transition: all .3s ease;
    width: auto;
}

.logos a {
    display: block;
}

.logos a:hover img {
    transform: scale(1.2);
}

.page-title.no-box-shadow .bg:before {
  box-shadow: none !important;
}
.lb-container {
  width: 900px;
  max-width: 90%;
  padding: 0 !important;
  margin-top: 100px !important;
  background-color: transparent !important;
}
.lb-banner {
  background-size: cover;
  width: 100%;
  padding-top: 90px;
  background-color: #000000;
  /* background-image: url('../images/leadership/lightbox-header.png'); */
  margin-top: 72px;
}
.lb-image {
  margin: -240px auto 20px 0;
  text-align: center;
}
.lb-image img {
  width: 320px;
  max-width: 80%;
  margin: 0 auto;
  display: block;
  box-shadow: 2px 2px 8px rgba(0,0,0,.2);
}
.lb-container .fancybox-close-small:after {
  background-color: transparent !important;
  top: 74px;
  border: 0;
  outline: none;
}
.lb-body {
  background-color: #ffffff;
  padding: 80px 60px 60px 60px;
}
.lb-body h3{
  text-align: center;
  font-size: 23px;
  margin-bottom: 10px;
}
.lb-body p:first-of-type{
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}
.lb-body h4 {
  color: #0063b9 ;
  font-weight: 600 ;
  font-size: 18px ;
  margin-bottom: 12px;
}
.lb-body p {
  color: #000000 ;
  font-weight: 400 ;
  font-size: 18px ;
  margin-bottom: 20px;
}
.lb-body p:last-of-type {
  margin-bottom: 0;
}
.fancybox-slide--current {
  background-color: transparent;
}
.team-members {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.member {
  width: 260px;
  margin: 7px;
}
.member-bio {
  text-align: center;
  padding: 10px 0;
}
.member-bio h3 {
  margin: 4px auto 0 !important;
  text-align: center;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.4;
}
.member-bio p {
  margin-top: 8px;
  font-weight: 500;
  line-height: 1.4;
}
.fun {
  position: relative;
  display: block;
  width: 260px;
  max-width: 100%;
  padding-top: 100%;
  background-size: cover;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
.fun:hover {
  box-shadow: 2px 2px 8px rgba(0,0,0,.2);
}
.fun img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
.fun:hover img {
  opacity: 0;
}
.leadership-opener h2 {
  font-size: 48px !important;
  line-height: 1.36 !important;
  font-weight: 300 !important;
  margin: 0 0 20px !important;
}
.leadership-opener {
  width: 820px;
}
.leadership-opener h2 strong {
  color: #0063b9;
  font-weight: 600;
}
.leadership-opener p {
  font-size: 36px;
  line-height: 1.25 !important;
  margin-top: 0;
}
.pt-0 {
  padding-top: 0 !important;
}

.circle-bg {
  background-image:url(../images/about/timeline-circle.png);
  background-size: 36px 36px;
  width:36px;
  height:36px;
  display: inline-block;
  margin-top: -12px;
  margin-left: -12px;
}
/* .circle-bg-shift {
  margin-left: -10px;
} */
.timeline-block li:before {
  display: none;
}
.blue-dot-alt {
  opacity: 1;
  width:12px;
  height:12px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  margin-left: -35px;
}
.timeline-block {
  padding:191px 0 163px;
  background-position:0 100%;
  background-size:1110px 540px;
  background-repeat: no-repeat;
}
.timeline-container {
  display: flex;
}
.timeline li {
  position: relative;
  padding-bottom: 50px;
  margin-top: 0;
  padding-left: 40px;
  border-left: 2px solid #dbe8f4;
}
.timeline li:last-of-type {
  border-left: 0;
}
.timeline strong{
  color: #0063b9;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 5px;
  display: block;
}
.timeline p {
  font-size: 13px;
  color: #000000;
  font-weight: 400;
  margin-top: 0;
}
.timeline-bio h2 {
  font-size: 48px !important;
  line-height: 1.36 !important;
  font-weight: 300 !important;
  margin-bottom: 50px;
}
.timeline-bio h3 {
  font-size: 38px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 0;
}
.timeline-bio p {
  font-size: 22px;
  line-height: 2rem !important;
  color: #000000;
  font-weight: 300;
  margin-top: 0;
}
.timeline-bio h2 strong {
  color: #0063b9;
  font-weight: 600 !important;
}
.map-locations span {
  width: 36%;
  margin-left: 64%;
  display: block;
  font-size: 26px;
  color: #ffffff;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 8px;
}
.map-locations h2, .overview h2 {
  font-size: 48px !important;
  line-height: 1.36 !important;
  font-weight: 300 !important;
  width: 36%;
  padding-top: 7%;
  margin-bottom: 20px;
  margin-left: 64%;
  display: block;
}
.overview h2 {
  font-weight: 600 !important;
	line-height: 1 !important;
	width: 100% !important;
	margin-bottom: 20px !important;
}
.map-locations h2 {
	padding-top:4%;
}
.map-locations span:last-of-type {
	padding-bottom: 3%;
}
.map-locations h2 strong {
  color: #ffffff;
  font-weight: 600 !important;
}
.map-locations span {
  background: none;
  background-position: 0px 6px;
  -webkit-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in;
}
.map-locations span:hover {
  background-image: url(../images/about/icon-location-hover-2.png);
  padding-left: 34px;
  background-size: 24px 24px;
  background-position: 0 6px;
  background-repeat: no-repeat;
}
#ny-ny:hover ~ .map-container > .map-body {
  background-position: 0 10%;
}
#par-nj:hover ~ .map-container > .map-body {
  background-position: 0 20%;
}
#aud-pa:hover ~ .map-container > .map-body {
  background-position: 0 30%;
}
#ann-pa:hover ~ .map-container > .map-body {
  background-position: 0 40%;
}
#bel-md:hover ~ .map-container > .map-body {
  background-position: 0 50%;
}
#ash-va:hover ~ .map-container > .map-body {
  background-position: 0 60%;
}
#dal-tx:hover ~ .map-container > .map-body {
  background-position: 0 70%;
}
#dub-ie:hover ~ .map-container > .map-body {
  background-position: 0 80%;
}
#slo-uk:hover ~ .map-container > .map-body {
  background-position: 0 90%;
}
#hyd-in:hover ~ .map-container > .map-body {
  background-position: 0 100%;
}
.map-body {
  padding-top: 79.324%;
  background-size: 100%;
}
.map-container {
  width: 60%;
  position: absolute;
  top: 0;
  left: 0;
  max-height: 779px;
}
.map-locations {
  min-height: 779px;
  position: relative;
  background-color: #003275;
}
.map-locations li {
  display: block;
}
a.git-btn {
position: relative;
display: inline-block;
font-size: 28px;
color: #ffffff;
border: 3px solid rgba(255,255,255,.6);
border-radius: 50px;
padding: 12px 60px 12px 20px;
margin-top:30px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
}
a.git-btn:hover {
background-color: #0071d3;
}
a.git-btn:after {
position: absolute;
top: 22px;
right: 32px;
display: block;
width: 11px;
height: 11px;
margin: 2px -1px 0 40px;
transform: rotate( -45deg);
border: 1px solid #5683F0;
border-width: 0 2px 2px 0;
content: '';
}
.about-intro {
position: relative;
}
.about-intro .body {
width: 60%;
padding-right: 50px;
}
.about-intro .body strong {
color: #272727;
}
.get-in-touch {
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 0;
background-color:#0063b9;
padding: 60px;
width: 40%;
}
.get-in-touch p {
font-size: 28px;
line-height: 1.5 !important;
color: #ffffff;
}
.timeline-bio {
width: 60%;
padding-right: 80px;
}
.timeline {
width: 40%;
padding-left: 30px;
}
.timeline ul {
/* border-left: 2px solid #dbe8f4; */
padding-left: 0px;
list-style: none;
margin-top: -17px;
margin-bottom: 0;
}
.time-dot {
background: #ffffff;
border: 2px solid #66eabe;
border-radius: 50%;
padding: 0 10px 0px 10px;
display: inline-block;
position: absolute;
margin-left: -47px;
}
.blue-dot {
opacity: 1;
background-color: #0063b9;
width:12px;
height:12px;
border-radius: 50%;
display: inline-block;
position: absolute;
margin-left: -47px;
z-index: 100;
}
.blue-dot-shift {
  margin-left: -45px;
}
.time-dot-inner {
background-color: #0063b9;
width:12px;
height:12px;
border-radius: 50%;
display: inline-block;
}
.tl-list {
padding-left: 14px;
}
.tl-list:before {
content: "\2022";
color: #000000;
font-size: 16px;
line-height: 1.3;
display: inline-block;
position: absolute;
margin-left: -14px;
}
.timeline li:first-of-type:before {
content: "";
background-color: transparent;
border:0;
}

.leadership-opener .leadership-opener-sub {
  font-size: 1.125rem;
  line-height: 1.6;
  margin: 20px 0 0;
  font-weight: 400;
}

.pp-section h2 {
  margin-top: 1.2em !important;
}

button.download-pdf {
  font-family: 'Work Sans', sans-serif;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
  background: #0063b9;
  border: 0;
  color: #fff;
  padding: 12px 20px;
  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
button.download-pdf::after {
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  content: "";
  margin: 0px -1px 0px 20px;
  border-style: solid;
  border-color: #5683F0;
  border-image: initial;
  border-width: 0px 2px 2px 0px;
}

button.download-pdf:hover {
  background-color: #004f94;
}
.copyright {
	display: flex;
}
.footer-menu {
	text-align: left;
	padding-left: 30px;
}
.subfooter {
	font-weight: 500;
	font-size: 16px;
}
.footer-menu a {
	color: #5683F0 !important;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
}
.footer-menu a:hover {
	color: #749dff !important;
}
.subfooter .footer-menu-wrapper li:nth-of-type(2):before {
	font-size: 16px;
  color: #3c3c3c;
}
.main-footer a:hover {
	color: #000;
}
.main-footer .social_media a:hover {
	opacity: 1;
}
.main-footer .social_media a:hover .icon {
	fill: #749dff;
}
.hp-services-items {
	margin-top:-58px !important;
}
.btn-transparent {
	background-color: transparent !important;
}
.btn-transparent:hover {
	background-color: #004f94 !important;
}
.slide-btns {
	margin-top: 16px;
}
#home-carousel {
	min-height: 620px;
	display: flex !important;
	align-items: center;
}
.slide-title {
	font-size: 39px;
	font-weight: 600;
}
.slide-copy {
	font-size: 18px;
	line-height: 26px;
}

.footer-connect {
	display: flex;
}
.global-contact {
	background-color: #003275;
	color: #fff;
	margin-top: 1.5625rem;
	padding: 3.75rem 0;
	text-align: center;
	margin-top: 0;
}
.global-contact .contact-form {
	width: 100%;
}
#gform_wrapper_1 {
	margin-top: 0px;
	margin-bottom: 0px;
}
#gform_fields_1 {
	display: flex;
	flex-wrap: wrap;
}
.global-contact .gform_wrapper ul li.gfield {
	margin-top: 0;
	margin-bottom: 0;
}
.global-contact .gform_wrapper ul li.gfield input{
	padding: 12px !important;
	border: 1px solid #00539a !important;
	margin-top: 0 !important;
	margin-bottom: 12px;
}
.global-contact .gform_wrapper .gform_footer {
	margin-top: 0;
	padding: 0;
	text-align: left;
}
.global-contact .gform_wrapper ul.gform_fields li.gfield {
	width: 50%;
}
.global-contact .gform_wrapper .top_label div.ginput_container {
	margin-top: 0px;
}
.global-contact .gform_footer button.gform_button {
		font-family: 'Work Sans', sans-serif;
		font-weight: 600;
		border-radius: 50px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		/* background: #0063b9; */
    background-color: transparent;
		color: #fff;
		padding: 12px 20px;
		margin-top: 8px;
		border: 3px solid #5683F0;
		cursor: pointer;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
 }
 .global-contact .gform_footer button.gform_button:hover {
	 background-color: #004f94;
 }
 .global-contact .gform_footer button.gform_button:after {
	 display: block;
	 width: 8px;
	 height: 8px;
	 margin: 0px -1px 0 20px;
	 transform: rotate(-45deg);
	 border: 1px solid #5683F0;
	 border-width: 0 2px 2px 0;
	 content: '';
 }
 .fc-description {
	 margin-right: 60px;
 }
 .fc-description p a {
	 text-decoration: underline;
	 color: #ffffff;
 }
 .fc-description p a:hover {
	 text-decoration: none;
 }
 .main-footer {
	 background-color: #111111;
 }
 .main-footer p, .main-footer h2, .copyright p {
  color: #ffffff;
 }
 .subfooter {
  background-color: #000000;
 }
 .main-footer a {
  color: #5683F0;
 }
 .main-footer a:hover {
  color: #749dff;
 }

 .hp-services {
	 background-color: #ffffff;
	 width: 100%;
	 padding-bottom: 50px;
 }
 .hp-services-items, .latest-articles {
	 display: flex;
	 flex-wrap: wrap;
	 width: 1200px;
	 max-width: 90%;
	 margin: 0 auto;
 }
 .hp-services-items {
	 justify-content: center;
 }
 .footer-connect {
	 display: flex;
	 width: 1200px;
	 max-width: 90%;
	 margin: 0 auto;
 }
 .contact-us-block .gform_wrapper .gform_fields li {
	 flex: 0 0 50%;
 }
 .latest-news {
	 background-color: #eeeeee;
 }
 .latest-articles .fn-article {
	 background-color: #111111;
	 width:32%;
	 margin: .6%;
	 padding: 40px;
 }
 /* #home-carousel.slick-initialized {
	 z-index: -1;
 } */
 .hp-services-item {
	 position: relative;
	 width:32%;
	 min-width: 340px;
	 margin: .6%;
	 padding: 40px 40px 110px;
	 text-align: center;
	 background-color: #0063b9;
	 /* border-radius: 4px; */
	 box-shadow: 0px 0px 18px rgba(68,68,68,.05);
	 -webkit-transition: all .3s linear;
	 -moz-transition: all .3s linear;
	 -ms-transition: all .3s linear;
	 -o-transition: all .3s linear;
	 transition: all .3s linear;
 }
 /* .hp-services-item:nth-child(1), .hp-services-item:nth-child(2), .hp-services-item:nth-child(3) {
	 margin-top:-55px;
 } */
 .hp-services-item:hover {
	 box-shadow: 0px 0px 18px rgba(68,68,68,.1);
 }
 .hp-services-item:hover .hp-services-icon .icon {
	 color: #004f94;
 }
 .hp-services-icon {
	 display: block;
	 margin-bottom: 20px;
 }
 .hp-services-icon .icon {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 min-height: 80px;
	 font-size: 80px;
	 color: #3382c7;
	 -webkit-transition: all .3s linear;
	 -moz-transition: all .3s linear;
	 -ms-transition: all .3s linear;
	 -o-transition: all .3s linear;
	 transition: all .3s linear;
 }
 .hp-services-icon .icon-zto, .hp-services-icon .icon-workforce {
	 font-size: 58px;
 }
 .hp-services-icon .icon-snow {
	 font-size: 36px;
 }
 .hp-services-item h3 {
	 font-size: 23px;
	 line-height: 28px;
	 font-weight: 500;
	 color:#ffffff;
	 margin-bottom: 20px;
 }
 .hp-services-body {
  color: #ffffff;
 }
 .hp-services-link {
	 position: absolute;
	 bottom:30px;
	 left: 50%;
	 transform: translate(-50%, 0);
 }
 .btn-read-more {
	 border-radius: 50px;
   border: 3px solid #5683F0;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 18px;
	 font-weight: 500;
	 background: transparent;
	 color: #fff;
	 padding: 12px 20px;
	 cursor: pointer;
	 -webkit-transition: all .4s ease;
	 -moz-transition: all .4s ease;
	 -ms-transition: all .4s ease;
	 -o-transition: all .4s ease;
	 transition: all .4s ease;
 }
 .btn-read-more:hover {
	 background-color: #004f94;
   #003275
 }
 .btn-read-more:after {
	 display: block;
	 width: 8px;
	 height: 8px;
	 margin: 0px -1px 0 20px;
	 transform: rotate(-45deg);
	 border: 1px solid #5683F0;
	 border-width: 0 2px 2px 0;
	 content: '';
 }
 .hp-announcement {
	 background-color: #eeeeee;
	 padding-top: 0;
	 padding-left: 0;
	 padding-right: 0;
 }
 .announcement-arc {
	 background-color: #ffffff;
	 background-image: url('../images/home/gray-curve.png');
	 background-size: 100%;
	 width: 100%;
	 background-repeat: no-repeat;
	 padding-top: 4.9%;
	 position: relative;
 }
 .announcement-badge {
	 position: absolute;
	 max-width: 190px;
	 top: -30px;
	 left: 50%;
	 transform: translate(-50%, 0);
 }
 .entry a.btn-read-more {
	 margin-top: 20px;
	 color: #ffffff;
	 font-weight: 500;
 }
 .hp-announcement .entry {
	 padding: 90px 60px 60px;
	 text-align: center;
 }
 .latest-news .cta a {
	 color: #5683F0;
	 font-weight: 600;
	 text-decoration: none;
	 border-bottom: 0;
 }
 .latest-news .cta a:after {
	 display: inline-block;
	 width: 8px;
	 height: 8px;
	 margin: 0px -1px 1px 10px;
	 transform: rotate(-45deg);
	 border: 1px solid #5683F0;
	 border-width: 0 2px 2px 0;
	 content: '';
	 -webkit-transition: all .2s linear;
	 -moz-transition: all .2s linear;
	 -ms-transition: all .2s linear;
	 -o-transition: all .2s linear;
	 transition: all .2s linear;
 }
 .latest-news .cta a:hover {
	 text-decoration: underline;
 }
 .latest-news .cta a:hover:after {
	 margin-left: 16px;
 }

 .hp-why-cdi-bg {
	 padding: 3.75rem 0;
	 background-size: cover;
	 background-position: center;
	 background-repeat: no-repeat;
 }
 .hp-why-cdi-box {
	 color: #ffffff;
	 background-color: #0064b9;
	 padding: 70px;
	 width:550px;
	 max-width: 100%;
 }
 .hp-why-cdi-box .btn-read-more {
	 margin-top: 20px;
 }
 .btn-outline {
	 border: 3px solid #5683F0;
 }
	.hp-why-cdi-wrap{
		 display: flex;
		 flex-wrap: wrap;
		 width: 1200px;
		 max-width: 90%;
		 margin: 0 auto;
}
#partners-carousel {
	max-width: 90%;
	margin: 0 auto;
}
#partners-carousel .slick-prev {
	left:-3%;
}
#partners-carousel  .slick-next {
	right:-3%;
}
.latest-news h3 {
  line-height: 1.5rem;
}
.latest-news header h2 strong {
  color: #5683F0;
}
.latest-news h3 a {
  color: #5683F0;
}

.latest-news h3, .latest-news .cta a {
	font-family: 'Work Sans', sans-serif;
}
.cdi-cares-logo {
	max-width: 100%;
	margin-bottom: 30px;
}
.slide-title span {
	font-weight: 400;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper select:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	padding: 12px !important;
	font-family: 'Work Sans', sans-serif;
  background-color: #ffffff;
}
.security-form-container .mktoForm input[type=email] {
  background-color: #ffffff;
}

.hci-services-block {
	padding: 100px 30px;
	/* background: #efefef; */
  background-image: linear-gradient(-197deg, #000000 44%, #003275 100%);
}
.hci-services-block .body, .testimonial-block .body {
	width: 1250px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.hci-row {
	display: flex;
	margin-bottom: 20px;
}
.hci-row:last-of-type {
	margin-bottom: 0;
}
.hci-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width:27%;
	min-width: 380px;
	padding: 32px 25px;
	background-color: #0063b9;
	text-align: center;
}
.hci-icon h4 {
	font-size: 22px;
	color: #ffffff;
}
.hci-icon img {
	margin: 10px auto 0;
	/* max-width: 90px;
	max-height: 80px; */
  width: auto;
  height: 70px;
}
.hci-desc {
	display: flex;
	align-items: center;
	width:73%;
	background-color: #111111;
	padding: 60px;
}
.experts-block {
	text-align: center;
}
.experts-block .link-btn {
	text-align: center;
	margin: 0 auto;
}
.big-text {
  font-size: 28px;
  line-height: 43px;
  text-align: center;
}
.big-text .body {
  width:1250px;
  max-width: 100%;
  margin-left:auto;
  margin-right: auto;
}
.semi-blue {
  color: #0063b9;
  font-weight: 600;
}
.os-page-title .bg:before {
  display: none;
}
.foundation-block {
  padding: 160px 0;
  background-color: #000000;
}
.foundation-block h2, .experts-block h2  {
  text-align: center;
  font-size: 48px;
  color: #000000;
  line-height: 1.36;
  font-weight: 300;
  margin: 0 auto 40px;
  text-transform: none;
}
.foundation-block h2 {
  color: #ffffff;
}
.foundation-block h2 strong, .experts-block h2 strong {
  color: #0063b9;
  font-weight: 600;
}
a.fo-sec-auto:hover {
  background-image: url('../images/our-solutions/icon-security-hover.svg') !important;
}
a.fo-hyb-clou:hover {
  background-image: url('../images/our-solutions/icon-hybrid-cloud-hover.svg') !important;
}
a.long-pillar {
  display: block;
  cursor: pointer;
}
.long-pillar {
  display: block;
  background-color: #003275;
  padding: 37px 120px 37px 44px;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 70px 70px;
  background-position: 97% 50%;
	-webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
}
a.long-pillar:hover {
	background-color: #012344;
}
.long-pillar h4 {
  color:#ffffff;
  font-size: 22px;
  margin-bottom: 4px;
}
.long-pillar p {
  color:#ffffff;
  font-weight: 400;
  margin-top: 0;
  font-size: 16px;
}
.pillars {
  display: flex;
}
a.pillar {
  width: 25%;
  padding: 4px 4px;
  color: #ffffff;
  text-align: center;
  /* min-width: 340px; */
  min-width: 250px;
	-webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
}
.pillar-content, .pillar-padding {
  background-color: #0063b9;
}
.pillar-content {
  padding: 15px 20px;
  margin: 0 18px;
  min-height: 463px;
}
.pillar-padding {
  padding-top: 30px;
  margin: 4px;
}
.pillar:hover .pillar-content, .pillar:hover .pillar-padding {
  background-color: #00559e;
}
.pillar-icon {
  padding-top: 80px;
  background-size: 80px 80px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 20px auto;
}
.pillar-io-icon {
  background-size: 66px 66px;
}
.pillar-content h4 {
  font-size: 22px;
  margin-bottom: 4px;
}
.pillar-content span {
  display: block;
  color: #ffffff;
  margin-bottom: 10px;
  font-weight: 400;
}
.pillar-content span:last-of-type {
  margin-bottom: 0;
}
.arrows-section {
  position: relative;
  background-color: #FFFFFF;
  padding: 120px 56px;
  background-position: 0 100%;
  background-size: 1110px 540px;
  background-repeat: no-repeat;
	overflow: auto;
	overflow-x: hidden;
}
.arrows-bg {
  position: absolute;
  max-width: 45%;
  right: 0;
  top: 25%;
  /* -webkit-transform: translateY(-50%);
  transform: translateY(-50%); */
}
.arrows-description {
  width: 50%;
}
.arrows-description p {
  font-size: 28px !important;
  line-height: 43px !important;
  padding-right: 10px;
}
.pillar-dev:hover .pillar-dev-icon {background-image: url('../images/our-solutions/icon-devops-hover.svg') !important;}
.pillar-io:hover .pillar-io-icon {background-image: url('../images/our-solutions/icon-intelligent-ops-blue.svg') !important;}
.pillar-workflow:hover .pillar-workflow-icon {background-image: url('../images/our-solutions/icon-digital-workflow-hover.svg') !important;}
.pillar-workspace:hover .pillar-workspace-icon {background-image: url('../images/our-solutions/icon-digital-workspace-hover.svg') !important;}

.testimonial-block {
	text-align: center;
	background-color: #003275;
	padding: 100px 15px;
}

.testimonial-block h2 {
  text-align: center;
  font-size: 48px;
  color: #ffffff;
  line-height: 1.36;
  font-weight: 300;
  margin: 0 auto 40px;
  text-transform: none;
}
.testimonial-block h2 strong {
  color: #ffffff;
  font-weight: 600;
}
.quote-container {
	color: #ffffff;
	border: 2px solid #809db8;
	position: relative;
	padding: 37px 90px;
	margin-top: 60px;
}
.quote-container img {
	position: absolute;
	max-width: 142px;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
}

.viewport-section {
	opacity: 0;
	-webkit-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
	-webkit-transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
	transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
	transition: opacity .6s ease-in-out, transform .6s ease-in-out;
	transition: opacity .6s ease-in-out, transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}

.viewport-section.in-viewport {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: opacity .3s ease-in-out, -webkit-transform 1s ease-in-out;
	transition: opacity .3s ease-in-out, -webkit-transform 1s ease-in-out;
	transition: opacity .3s ease-in-out, transform 1s ease-in-out;
	transition: opacity .3s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

.viewport-section.fade-from-right {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.viewport-section.fade-from-right.in-viewport {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.viewport-section.fade-from-left {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.viewport-section.fade-from-left.in-viewport {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.locations-block .locations {
	flex-wrap: wrap;
	justify-content: center;
  width: 1100px;
  max-width: 100%;
  margin: 0 auto;
}

.main-footer .the-company ul li a {
	padding: 4px 0;
}

.security-form-container {
	width: 100%;
	background-color: #013768;
}
.sfc-inner {
  width: 1250px;
  max-height: 100%;
	display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 20px 0 20px;
  margin: 0 auto;
}
.ripped-bg {
	width: 100%;
	display: block;
}
.sfc-description {
	display: flex;
	align-items: center;
	width: 60%;
}
.sfc-badge {
	margin-right: 20px;
	max-width: 82px;
}
.sfc-copy {
}
.sfc-copy h2 {
	font-size: 40px;
	color: #ffffff;
	font-weight: 600;
	line-height: 1.3;
}
.sfc-copy p {
	color: #2e8fe3;
	font-size: 20px;
	font-weight: 500;
	max-width: 562px;
}
.sfc-form {
	/* width: 40%; */
}
.security-form-container .mktoForm .mktoRequiredField label.mktoLabel, .security-form-container .mktoForm .mktoGutter, .security-form-container .mktoForm .mktoOffset {
	display: none;
}
.security-form-container .mktoForm .mktoFormCol {
	margin-bottom: 0 !important;
}


#gform_wrapper_9.gravity-theme .gform_footer button {
  height: 69px;
	width: 58px;
	background-image: url('../images/security/arrow.png');
	background-color: #ffffff;
	background-size: 18px 15px;
	background-repeat: no-repeat;
	background-position: center;
	color: transparent;
	border: 0;
  margin-bottom: 0;
}

#gform_wrapper_9 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  font-size: 18px;
	padding: 24px 24px 23px !important;
	font-family: 'Work Sans', sans-serif;
	width: 350px !important;
	border: 0;
  border-radius: 0;
}
#gform_9 {
  display: flex;
}

#gform_wrapper_9.gravity-theme .gform_footer {
  margin: 0 !important;
  padding: 0 !important;
  height: 69px;
  background-color: #fff;
}
#gform_wrapper_9.gravity-theme .gform_footer button:hover {
	opacity: .7;
	border: 0;
}
.gform_wrapper.gravity-theme .gfield {
  margin-bottom: 0;
}




.security-form-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton, .security-form-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active {
	height: 68px;
	width: 58px;
	background-image: url('../images/security/arrow.png');
	background-color: #ffffff;
	background-size: 18px 15px;
	background-repeat: no-repeat;
	background-position: center;
	color: rgba(0,0,0,0);
	border: 0;
}
.security-form-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
	outline: none;
	border: 0;
}

.security-form-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
	opacity: .7;
	border: 0;
}
.security-form-container .mktoForm input[type=email] {
	font-size: 18px;
	padding: 24px 24px 23px;
	font-family: 'Work Sans', sans-serif;
	width: 350px !important;
	border: 0;
}
.security-form-container .mktoForm input[type=email]:focus-visible, .security-form-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus-visible {
	outline: none;
}
.security-form-container .mktoForm {
	width: 100% !important;
	display: flex;
}
.security-form-container .mktoButtonWrap {
	margin-left: 0 !important;
}
.security-form-container .mktoFormRow {
	width: 350px;
}
.security-form-container .mktoButtonRow {
	height: 68px;
	background-color: #ffffff;
}
.security-form-container .mktoFormRow, .security-form-container .mktoButtonRow {
	display: inline-block;
}
.security-form-container .g-recaptcha.g-recaptcha {
	margin: 0 !important;
}
.security-form-container .mktoFormRow:nth-of-type(2) {
	width: 0 !important
}

.sfc-confirmation {
	width: 100%;
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	padding: 45px 0;
}
.article-container .row .post-data {
	align-items: flex-start;
}
.small-sup {
  font-size: 75%; 
  line-height: 0; 
  position: relative; 
  vertical-align: baseline; 
  top: -0.5em;
}
.subhead-container .small-sup {
  font-size: 50%;
  top: -0.8em;
  left: 5px;
}

.os-flex {
  display: flex;
  align-items: center;
}
.os-flex div:first-child {
  text-align: left;
  min-width: 300px;
}
.os-flex div:last-child {
  text-align: left;
}
.os-flex div:last-child p, .os-fs-9p p {
  font-size: .9em !important;
}

/* new additions */

.alt-badge-flex {
  display:flex;
}
.alt-badges {
  padding-left:30px;
  display:flex;
  align-items:center;
}
.ss-icon {
  min-width: 114px;
}
.ss-icon img {
  width: 100%;
  height: auto;
}
.pricing {
  position: relative;
  background-color: #1c1e23;
  width: 100%;
  color: #ffffff;
  background-image: url(../images/cloud/pricing-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}
.pricing-flex {
  display: flex;
}
.pricing-details {
  width: 50%;
  padding:50px 120px 50px 35px;
}
.pricing-details p {
  margin-bottom: 20px;
}
.pricing h2 {
  font-size: 40px !important;
  line-height: 1.36 !important;
  font-weight: 300 !important;
  margin-bottom: 20px;
  display: block;
}
.pricing h2 strong {
  font-weight: 700;
}

.pricing-bg {
  position: absolute;
  top:0;
  right: 0;
  width: 50%;
}

.pricing .link-btn {
  font-size: 18px;
  padding: 14px 29px;
  cursor: pointer;
}
.pricing .link-btn:after {
  margin-left: 20px;
}

.subpage-summary a.link-btn {
  margin-top: 20px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  text-transform: initial;
  background: #0063b9;
  color: #fff;
  padding: 12px 20px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
}
.subpage-summary a.link-btn:hover {
  background: #004f94;
}

.subpage-summary a.link-btn:after {
  margin-left: 20px;
}
.page-title {
  min-height: 350px;
}
.pillar-top {
  width: 100%;
  padding-bottom:22.5%;
  background-image: url(../images/about/top-of-pillar.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.pillar-bottom {
  width: 100%;
  padding-bottom:22.5%;
  background-image: url(../images/about/bottom-of-pillar.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.pillar-center {
  padding: 40px 0;
  min-height: 444px;
}
.odometer {
  font-size: 50px;
  position:absolute !important;
  width: 100%;
  top: 62%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.odometer-wrap {
  width:322px;
  height: auto;
  text-align: center;
}
.gear-gif {
margin: 0 auto;
width: 135px;
height: auto;
display:block;
}
.odometer-bg {
width:322px;
height:125px;
background-image: url(../images/counter-number.jpg);
background-size:cover;
background-repeat: no-repeat;
position:relative;
}

.article-container .row .post-data {
	align-items: flex-start;
}
.small-sup {
  font-size: 75%; 
  line-height: 0; 
  position: relative; 
  vertical-align: baseline; 
  top: -0.5em;
}

.job-filter {
  width: 280px;
  text-align: right;
  position: relative;
}
.filters-button-group {
  position: absolute;
  background-color: #ffffff;
  right: 0;
  top: 20px;
  display: none;
  text-align: left;
  width: 280px;
  flex-wrap: wrap;
  border: 1px solid #b3b3b3;
  padding: 16px;
  z-index: 1000;
}
.job-filter:hover .filters-button-group {
  display: flex;
}
.filters-button-group .check-group{
  min-width: 120px;
  padding:4px 0;
}
.check-group label{
  width: 100%;
  z-index: 1000;
}
.check-group input {
  margin-right: 4px;
  z-index: 1000;
}
.filter-row {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-right: 45px;
}
span.filter-arrow {
  display:inline-block;
  background-image: url('https://www.cdillc.com/wp-content/themes/cdi4001/assets/images/careers/arrow.png');
  background-size: 12px 7px;
  background-repeat: no-repeat;
  width: 13px;
  height: 8px;
  margin-left: 8px;
}
.job-flex {
      display:flex;
      flex-wrap: wrap;
  }
  .job-full-description {
      width: 66.666%;
  }
  .job-listings-sidebar {
      width: 33.333%;
  }
  .job-listings-sidebar h3 {
      font-size: 22px;
      color: #ffffff;
      margin-bottom: 12px;
  }

  .job-listings-sidebar {
      padding-left: 60px;
  }
  .job-listings-sidebar .jls-inner {
      background-color: #0064b9;
      padding: 30px;
      border-radius: 8px;
  }
  .job-listings-sidebar a {
      display: block;
      font-size: 16px;
      color: #ffffff;
      padding: 12px 0;
  }
  .job-listings-sidebar a:hover {
      text-decoration: underline;
  }
  .recent-job-row {
      border-bottom: 1px solid #b3b3b3;
  }
  .recent-job-row:last-of-type {
      border-bottom: 0;
  }
  .job-content p {
      margin-bottom: 12px;
  }

  .job-content .link-btn {
      text-transform: initial;
  }
  .job-full-description .link-btn:hover {
      text-decoration: none;
  }

  .job-listings {
      padding: 85px 0;
  }
  .job-row {
      padding: 40px 0px 60px;
      border-bottom: 1px solid #b3b3b3;
      margin: 0 45px;
  }
  .job-row h2 {
      font-size: 30px;
      margin-bottom: 12px;
  }
  .job-row p {
      font-size: 1.125em;
      line-height: 2rem;
  }
  .job-row:last-of-type {
      border-bottom: 0;
  }
  .job-location {
      margin-bottom: 12px;
  }
  .job-location span {
      display: inline-block;
      color: #b6b6b6;
      text-transform: uppercase;
      font-weight: 600;
  }
  .job-location span:after {
      content: "|";
      display:inline-block;
      color: #b6b6b6;
      font-weight: 600;
      padding: 0 6px 0 10px;

  }
  .job-location span:last-of-type:after {
      content: "";
      padding: 0;
  }
  .job-link {
      display: block;
      font-weight: bold;
      margin-top: 12px;
      font-size: 18px;
  }
  .job-row a:hover {
      text-decoration: underline;
  }
  .job-content {
    padding-top: 30px;
  }
  .job-content ul {
    list-style: none;
    margin-top: -6px;
    margin-bottom: 20px;
  }
  .job-content ul li:before {
    content: "\2022";
    position: absolute;
    left: 0;
  }
  .job-content ul li {
    position: relative;
    font-size: 1.125em;
    line-height: 2rem;
    padding-left: 20px;
    margin-bottom: 4px;
  }
  .cdii-btn {
    margin-top: 12px;
  }
  .bg-center-right {
    background-position: center right !important;
}
.subpage-preamble .icon img {
    display: block;
    height: 192px;
    margin: 0 auto;
    width: 192px;
}

.subhead-container p {
    font-size: 1.5rem;
    line-height: 2.25rem; 
}
.cycle-container {
    position: relative;
    background-image: url('../images/about/cycle.png');
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    padding-bottom:100%;
}
.cycle-operate {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 65%;
}
.cycle-design {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 65%;
}
.cycle-deploy {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35%;
}
.cycle-description {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}
.cycle-description img {
    width: 141px;
}
.cycle-description strong {
    font-size: 1.5em;
    line-height: 1.3;
}
.cycle-details {
    padding-left: 20px;
}
.cycle-fancy {
    display: none;
    padding: 30px !important;
}
.blog-sidebar, .event-details {
  background-color: initial !important;
}
.event-detail-box h2 {
  padding-left: 0 !important;
  margin:0 0 10px 0 !important;
  border-top: 0 !important;
}
.event-detail-box p {
  padding: 0 !important;
}
.event-detail-box {
  padding: 25px !important;
  background-color: #0064b9;
  border-bottom: 1px solid #ffffff;
}
.event .ctabtn {
  margin-top: 20px;
}
.event p {
  margin-top: 16px;
}
.event p:first-of-type {
  margin-top: 0;
}
.event .details p {
  margin-top: 0;
}

.page-title .bg.bg-careers {
  background-position: 50% 0;
}
.job-openings {
  text-align: center;
}
.job-openings h2 {
  margin-bottom: 24px;
}
.job-openings .link-btn {
  margin: 12px 12px;
}
.job-openings h4 {
  font-size: 22px;
  font-weight: 600;
  color: #0063b9;
  text-align: center;
  margin-bottom: 30px;
}
.ethical-approach {
  background-color: #efefef;
}
.ethical-approach .entry {
  color: #000000;
  padding-right: 3.5rem;
}
.ethical-approach .bg:before {
  box-shadow: none;
}
.logos li:hover img {
  transform: scale(1.1);
}
.ethical-approach h2 strong {
  color: #0063B9;
  font-weight: 600;
}
.candoris-logo {
  width: 360px;
  max-width: 80%;
}
.subpage-header .subhead-container {
  min-height: auto !important;
}

a.banner-green-link {
  display: inline-block;
  width: 100%;
  color: #5683F0;
  font-weight: 600;
  margin-top: 8px;
}
a.banner-green-link:hover {
  text-decoration: underline;
}
a.banner-green-link:after {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0px -1px 1px 4px;
  transform: rotate(-45deg);
  border: 1px solid #5683F0;
  border-width: 0 3px 3px 0;
  content: '';
}

.campaign-section {
  position: relative;
  padding: 100px 0;
}
.campaign-section p {
  margin-top: 12px;
}

.campaign-section .entry h2 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 300;
  color: #000000;
  margin-top: 0;
  margin-bottom: 10px;
}
.campaign-section .entry h2 strong{
  color: #0063b9;
  font-weight: 600;
}
.campaign-section .entry h4 {
  font-size: 29px;  
  line-height: 1.1;
  font-weight: 300;
  margin: 0 auto;
}
.btn-basic-row {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
}
.btn-basic-row .btn-basic {
  border-radius: 50px;
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  background: #0063b9;
  color: #fff;
  padding: 12px 27px;
  margin-right: 10px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
}
.btn-basic-row .btn-basic:hover {
  background: #004f94;
}
.campaign-icon-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.campaign-icon-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 46%;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    margin: 2% auto;
}
.campaign-icon-wrap.icon-wrap-100p {
  width: 100%;
}
.campaign-icon-wrap strong {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    margin: 18px auto 0;
}
.campaign-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.c-flex-8 {
    width: 62.6666%;
}
.c-flex-4 {
    width: 33.3333%;
}
.bg-grey-texture {
  background: #efefef !important;
}
.campaign-logo-wrap {
  margin: 4% auto;
  /* width: 46%; */
}
.campaign-logo-wrap img {
  max-height: 100px;
}
#why.campaign-section {
    background-repeat: no-repeat;
    background-position: 0% 100%;
}
.campaign-datasheet-block {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 36.666%;
  height: 100%;
  background-color: #003275;
  padding: 0 30px;
}
.campaign-datasheet {
  height: 90%;
  width: auto;
}
.campaign-datasheet-wrap {
  position: relative;
  height: 80%;
  max-height: 420px;
  width: 100%;
  text-align: center;
}
.campaign-datasheet-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px;
  background-image: linear-gradient(rgba(1,59,112,0), rgba(1,59,112,.4) 20%, #003275 72%);
}
.campaign-datasheet-wrap img {
  height: 100% !important;
}
#how.campaign-section {
  padding: 140px 0;
}
.campaign-datasheet-block .btn-transparent {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0);
  min-width: 278px;
  margin: 0 auto !important;
}
#gform_wrapper_12 .gfield_required {
  color: #fff;
}
.partner-contact #gform_submit_button_11 {
  font-family: 'Work Sans', sans-serif;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
  background: transparent;
  border: 3px solid #99b1c6;
  color: #fff;
  padding: 15px 29px;
  margin-bottom: 0;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
}
.partner-contact #gform_submit_button_11:hover {
  background-color: #004f94;
}

.partner-contact #gform_submit_button_11:after {
  display: block;
  width: 9px;
  height: 9px;
  margin: 0px -1px 0 40px;
  transform: rotate(-45deg);
  border: 1px solid #5683F0;
  border-width: 0 2px 2px 0;
  content: '';
}

.all-media-btn {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.partner-contact .gform_confirmation_message {
  color: #fff;
  text-align: center;
  margin-top: 50px;
  font-size: 18px;
}
.partner-contact .gform_wrapper.gravity-theme .gfield_description {
  display: none;
}
.partner-contact .gform_wrapper input, .partner-contact .gform_wrapper textarea {
  border: 2px solid #fff !important;
}
.partner-contact .gform_wrapper .gfield_error input, .partner-contact .gform_wrapper .gfield_error textarea {
  border-color: #EC254A !important;
}
.partner-contact .gform_wrapper .gform_validation_errors {
  border: 2px solid #EC254A !important;
  background-color: #fff !important;
  border-radius: 0 !important;
  margin-bottom: 15px;
}
.news-article-flex {
  display: flex;
  justify-content: space-between;
}
.news-article-thumb {
  width: 100px;
}
.news-cat-detail {
  display: block;
  font-size: 14px;
  color: #aaaaaa;
  text-transform: capitalize;
  margin-top: 12px;
}
.news-cat {
  display: inline-block;
  background-color: #7d7d7d;
  border-radius: 20px;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  padding: 4px 20px;
}
.partner-news-flex {
  display: flex;
  justify-content: center;
  /* justify-content: space-between; */
}
.partner-news-block {
  width: 32%;
  background-color: #fff;
  padding: 42px;
  border: 2px solid #dddddd;
  transition: all 0.5s ease;
  margin-left: .65%;
  margin-right: .65%;
}
.partner-news-block:hover {
  border-color: #0064b9;
}

.partner-news-block h4 {
  font-size: 30px;
  line-height: 1.3;
  color: #0064b9;
  font-weight: bold;
  margin-top: 12px;
}
.partner-news-row {
  padding: 100px 0;
  /* background-color: #ededed; */
  border-bottom: 2px solid #dddddd;
  background: #efefef;
  /* background-image: linear-gradient(45deg, #1f1f1f, #000000); */
}
.partner-news-row h2 {
  text-align: center;
  font-size: 48px;
  line-height: 1.36;
  font-weight: 300;
  margin: 0 0 40px;
}
.partner-news-row h2 strong {
  color: #0063b9;
  font-weight: 600;
}
.why-partner-row {
  padding: 100px 0;
  background-repeat: no-repeat;
  background-position: 0% 100%;
}
.why-partner-row h2 {
  text-align: center;
  font-size: 48px;
  line-height: 1.36;
  font-weight: 300;
  margin: 0 0 10px;
}
.why-partner-row h2 strong {
  color: #0063b9;
  font-weight: 600;
}
.why-partner-row h3 {
  text-align: center;
  line-height: 1.36;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 40px !important;
}
.why-partner-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.why-reason {
  position: relative;
  width: 32%;
  background-color: #0064b9;
  color: #fff;
  padding: 42px;
  margin-bottom: 2%;
}
.why-reason:nth-child(2) {
  margin-top: 2%;
  margin-bottom: -.3%;
}
.why-reason:nth-child(5) {
  margin-top: 2.3%;
  margin-bottom: -.3%;
}
.reason-number {
  position: absolute;
  bottom: 61.5px;
  right: 42px;
  color: #007bd7;
  font-size: 225px;
  height: 162px;
  font-weight: bold;
}
.entry .why-reason h4 {
  font-size: 22px;
  position: relative;
  margin-top: 0;
}
.entry .why-reason p {
  position: relative;
  margin-top: 10px;
  
}
.why-reason ul {
  padding-left: 0;
  list-style: none;
}
.why-reason ul li {
  position: relative;
  padding-left: 20px;
  display: block;
}
.why-reason ul li:before {
  background-color: #fff;
}
.partner-reason {
  position: relative;
}
.partner-reason p a {
  color: #ffffff;
}
.partner-details-row {
  padding: 100px 0;
  background-color:#000000;
}
.partner-details-flex {
  display: flex;
  align-items: center;
}
.partner-details-image {
  min-width: 500px;
  padding: 10px 40px;
  text-align: center;
}
.partner-details-about {
  color: #ffffff;
}
.partner-details-about h4 {
  font-size: 24px;
}
.partner-intro {
  padding: 0;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.partner-intro-content {
  width: 100%;
  padding: 100px 100px 100px 0;
}
.form-flex {
  display: flex;
}
.partner-contact {
  min-width: 463px;
}
.partner-intro .entry h2.partner-title {
  color: #0063b9;
  font-size: 48px;
  font-weight: 600;
}
.partner-intro .entry h3.partner-sub {
  line-height: 1.36;
  font-size: 28px;
  font-weight: normal;
}
.gfield_optional {
  display: none;
}
.partner-contact form {
  text-align: left;
}
.partner-contact {
  background-color: #003275;
  padding: 45px;
  margin-top: -250px;
  z-index: 10;
}
.partner-contact h3 {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 22px;
}
.partner-contact .gfield_required_asterisk {
  color: #fff !important;
}
.partner-contact .gfield_label {
  color: #fff;
  font-weight: 400 !important;
  font-size: 18px !important;
}
.partner-contact .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper select:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  border-radius: 0;
}
.partner-contact #gform_submit_button_10, .partner-contact #gform_submit_button_11, .partner-contact #gform_submit_button_13 {
  font-family: 'Work Sans', sans-serif;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
  background: transparent;
  border: 3px solid #99b1c6;
  color: #fff;
  padding: 15px 29px;
  margin-bottom: 0;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
}
.partner-contact #gform_submit_button_10:hover, .partner-contact #gform_submit_button_11:hover, .partner-contact #gform_submit_button_13:hover {
  background-color: #004f94;
}

.partner-contact #gform_submit_button_10:after, .partner-contact #gform_submit_button_11:after, .partner-contact #gform_submit_button_13:after {
  display: block;
  width: 9px;
  height: 9px;
  margin: 0px -1px 0 40px;
  transform: rotate(-45deg);
  border: 1px solid #5683F0;
  border-width: 0 2px 2px 0;
  content: '';
}
.partner-contact #gform_submit_button_10 {
  border: 3px solid #5683F0;
}
.partner-contact .gform_wrapper.gravity-theme .gform_footer {
  padding-bottom: 0;
}
.partner-contact .gform_wrapper.gravity-theme .gform_fields {
  grid-column-gap: 3%;
}

.sn-sf-logos {
  display: flex;
  margin-top: 24px;
}
.sn-sf-logos img {
  margin-right: 16px;
}
.subhead-container.subhead-wide {
  width: 100% !important;
}
.sn-sf-flex {
  padding: 80px 0 80px;
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sn-sf-box {
  position: relative;
  width: 48.5%;
  margin-top: 1.5%;
  margin-bottom: 1.5%;
  background-color: #0064b9;
  padding: 55px;
  padding-bottom: 145px;
  color: #fff;
  text-align: center;
  border-radius: 9px;
}
.sn-sf-box h3 {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 16px;
}
.link-btn.btn-border {
  border: 3px solid #5683F0;
}
.link-btn.btn-border:after {
  margin-left: 24px;
  width: 9px;
  height: 9px;
}
.absolute-btn {
  position: absolute;
  bottom: 55px;
  left: 0;
  width: 100%;
  text-align: center;
}

.entry p.preamble-inline {
  color: #0064b9;
  font-weight: 500;
  font-size: 1.625rem;
  line-height: 38px;
}
.sf-page-flex {
  padding-top: 60px;
  display: flex;
  align-items: center;
}
.sf-page-list {
  background-color: #0064b9;
  min-width: 370px;
  padding: 35px;
  color: #fff;
  border-radius: 9px;
  margin-left: 80px;
}
.sf-page-list ul {
  padding-left: 0;
}
.sf-page-list li {
  position: relative;
  display: block;
  padding-left: 20px;
}
.sf-page-list li:before {
  background-color: #fff;
}
.sf-icon-list {
  padding-bottom: 60px;
}
.sf-icon-list h2 {
  font-size: 48px;
  color: #000000;
  line-height: 1.36;
  font-weight: 300;
  margin: 60px 0 10px;
  text-align: center;
  text-transform: none;
}
.sf-icon-list h2 strong {
  color: #0063b9;
  font-weight: 600;
}
.sf-icon-list .flex-sc {
  padding: 30px 0;
  align-items: center;
}
.sf-icon-list .flex-sc:not(:first-of-type) {
  border-top: 1px solid #ccc;
}
.sf-icon-image {
  width: 264px;
  height: auto;
}
.charity-row {
  padding-top: 0;
  padding-bottom: 100px;
}
.charity-water {
  background-color: #003275;
  padding: 60px;
  color: #fff;
}
.charity-water h2 {
  font-size: 40px;
  font-weight: bold;
}
.charity-water .link-btn {
  margin-top: 18px;
}
.charity-water-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.water-logo {
  min-width: 367px;
  max-width: 367px;
  margin-left: 80px;
}
.charity-water-image {
  width: 49%;
  margin-top: 50px;
}
.clearpath-logo {
  margin-top: 18px;
  width: 313px;
  max-width: 100%;
}

#field_1_12 {
  width: 100% !important;
  margin-top: 4px;
  margin-bottom: 10px;
}
.general-body .one-aside aside {
  font-family: 'Work Sans', sans-serif;
  border-radius: 0;
}
.entry ul li, .entry ol li {
  font-family: 'Work Sans', sans-serif;
}
.general-body .one-aside p {
  line-height: 1.75;
}
.entry ul li, .entry ol li {
  font-size: 1.125rem;
  line-height: 1.75;
}
#gform_1 .validation_message {
  display: none;
}
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0 !important;
}
.gform_legacy_markup_wrapper.gform_validation_error .gform_body ul#gform_fields_1 li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important;
  padding-right: 16px !important;
  margin-bottom: 0 !important;
}
.gform_legacy_markup_wrapper div.validation_error {
  max-width: calc(100% - 16px) !important;
  border: 2px solid #5683F0 !important;
  margin-bottom: 10px !important;
}
#gform_wrapper_1 .gform_validation_errors>h2 {
  color: #5683F0;
}
#gform_wrapper_1 li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
  border: 2px solid #5683F0 !important;
}
.gform_validation_errors>h2:before {
  background-image: url('../images/home/exclamation-icon.svg') !important;
  margin-right: 8px !important;
}

.bg-center-right {
  background-position: center right !important;
}
.partners-block .partners.full .partner-small {
  flex: 0 0 15.6666%;
  height: 160px;
  margin: .5%;
  position: relative;
}
.partners-block .partner-small img {
  width: 100%;
}
.partners-block .partners.full .partner-logo {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
a.partner-small {
  border: 2px solid #dddddd;
  transition: all 0.5s ease;
}
a.partner-small:hover {
  border: 2px solid #0064b9;
}
.author {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #8d8d8d;
  text-transform: uppercase;
}
.author-byline {
  font-size: 15px;
  font-weight: 400;
  color: #575757;
}
.author span {
  display: inline-block;
  font-weight: 600;
}
.author .author-img {
  width: 35px;
  height: 35px;
  min-width: 35px;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 25px;
}
.author-wrap {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 5px;
}
.author-img.author-cdi {
  padding: 2px;
  border: 1px solid #8d8d8d;
}
.article-summary .meta-container {
  width: 100% !important;
  padding-left: 0 !important;
  
}
article.blog-article h2 {
  margin-bottom: 5px;
}
.article-container article.blog-article {
  padding: 30px 0;
  border-color: #ddd;
}
.article-container article.blog-article:first-child {
  padding-top: 0;
}
.author-credit:not(:first-child) {
  border-top: 1px solid #dddddd;
}
article.blog-article h2.blog-h2 {
  font-size: 40px;
}
.recent-post-sidebar li {
  border-color: #5687c8;
}
.author-credit h3 {
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 8px;
}
.author-credit .author-bio {
  padding-left: 40px;
}
.author-credit p {
  line-height: 28px;
}
.post-thumb {
  margin-top: 16px !important;
}

#testimonial-carousel {
  max-width: 90%;
  margin: 0px auto 0 !important;
}
.testimonial-block {
  position: relative;
  background-color: #fff;
  text-align: left;
  font-size: 18px;
  line-height: 1.4;
  color: #000000;
  padding: 40px;
  margin: 0 20px;
}
#testimonial-carousel .slick-prev {
  left: -4%;
}
#testimonial-carousel .slick-next {
  right: -4%;
}
.testimonial-block:before {
  content: "";
  position: absolute;
  top: 24px;
  left: -13px;
  width: 47px;
  height: 36px;
  background-image: url('../images/home/quote.png');
  background-size: 100%;
  background-repeat: no-repeat;
}
.gform_required_legend {
  display: none !important;
}
.long-btn-mobile br {
  display: none;
}

.executive-intro {
  padding-bottom: 60px !important;
}
h2.leadership-h2 {
  width: 100%;
  text-align: center;
  font-size: 48px !important;
  line-height: 1.36 !important;
  font-weight: 300 !important;
  margin: 80px auto 0 !important;
}
h2.leadership-h2 strong {
  color: #0063b9;
  font-weight: 700;
}
h2.leadership-team-h2 {
  margin: 60px auto 60px !important;
}
.team-members {
  justify-content: center;
}
.executive-team {
  padding-bottom: 60px;
  border-bottom: 1px solid #272727;
}
.general-body.intro-block.diversity-block {
  padding: 120px 0;
}
.diversity-block img {
  max-width: 100%;
}
.diversity-block h2 {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 300;
  margin-bottom: 30px;
}
.diversity-block h2 strong {
  color: #0063B9;
  font-weight: 600;
}
.diversity-block p {
  margin-top: 12px;
}
.col-6 {
  width: 48%;
}
.diversity-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.text-arrow-link {
  color: #3c3c3c;
  font-weight: bold;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.text-arrow-link:after {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0px -1px 2px 10px;
  transform: rotate(-45deg);
  border: 1px solid #3c3c3c;
  border-width: 0 2px 2px 0;
  content: '';
  color: #aaa !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.text-arrow-link:hover:after {
  margin-left: 16px;
}
.active-diversity .text-arrow-link:after {
  border-color: #fff;
}
.active-diversity .text-arrow-link {
  color: #fff;
}
.diversity-tabs {
  display: flex;
  margin-top: 80px;
}
.diversity-tabs > div {
  width: 50%;
}
.diverity-tab {
  position: relative;
  background-color: #000;
  color: #3c3c3c !important;
  padding: 20px 45px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.diverity-tab.active-diversity {
  background-color: #0063b9;
  color: #fff !important;
}
.diverity-tab.active-diversity > .hover-arrow {
  opacity: 1;
}
.diverity-tab {
  font-size: 22px;
}
.diversity-image-container {
  position: relative;
}
.diversity-image-container .diversity-tab-image {
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.hover-arrow {
  position: absolute;
  top: 50%;
  left: -23px;
  transform: translate(0%, -50%);
  width: 23px;
  opacity: 0;
}
.diversity-tab-image {
  opacity: 0;
}
.active-diversity-img {
  opacity: 1;
}
.diversity-tabs-mobile {
  display: none;
}
.article-feed, .article-container article.blog-article {
  max-width: 100%;
}
.video-feed-featured {
  display: block;
  padding-top: 56.25%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.new-dark-blue-bg {
  background-color: #253861;
}
.new-light-blue-bg {
  background-color: #0164b9;
}
table.nextgen-table th:first-child {
  width: 40%;
}
.nextgen-table th:not(:first-of-type) {
  width: 150px !important;
}
.ninjas.not-ninjas {
  width: 600px;
  padding-left: 50px;
}
.general-body li.no-dot:before {
  background-color: #fff;
  height: 0;
}
.general-body li.no-dot ul {
  padding-left: 30px;
}

/* 6/2023 Dark theme updates  */
body {
  background-color: #111111 !important;
  color: #ffffff !important;
}
.hp-services, .info-block, .arrows-section {
  background-color: #111111 !important;
}
.latest-news, .photos-block, .ethical-approach {
  background-color: #000000 !important;
}
.timeline-bio p, 
.timeline-bio h3, 
.timeline p,
.cta-block h2,
.about-intro .body strong {
  color: #ffffff !important;
}
.photos-block h2, .hp-announcement h2, .partners-block h2, .latest-news header h2, .hp-why-cdi-box h2, .fc-description h2, .cta-block .entry p {
  color: #ffffff !important;
}
.hci-desc {
  color: #ffffff;
}
.odometer-inside {
  color: #000000;
  font-size: 2.75rem;
  font-weight: 600;
}
.entry h1:first-child, .entry h2:first-child, .entry h3:first-child, .entry h4:first-child, .entry h5:first-child, .entry h6:first-child {
  color: #ffffff !important;
}
.partners-block .partners.full .partner-small {
  background-color: #ffffff;
}
.subpage-preamble .sp-body {
  color: #ffffff !important;
}
.s-o-table tr:nth-child(even) {
  background-color: #272727;
}
table.s-o-table th:first-child span {
  color: #ffffff;
}
.article-container.group {
  background: #111111 !important;
}
.article-container article.blog-article {
  border-color: #272727;
}
a.partner-small {
  border: 5px solid #0064b9;
}
.author-credit {
  background-color: #000000;
}
.author-credit:not(:first-child) {
  border-top: 1px solid #272727;
}
.video-categories-block li {
  background-color: transparent;
}
.article-list .row a.article {
  background-color: #ffffff;
}

.article-container article {
  border-top: 1px solid #272727;
}
.hp-services-item {
  color: #000000;
}
.hp-announcement {
  background-color: #003275;
}
.hp-announcement h2 strong {
  color: #ffffff;
}
.announcement-arc {
  background-color: #111111;
  background-image: url('../images/home/gray-curve-darker.png');
  padding-top: 4.8%;
}
#home-carousel {
  background-image: url('../images/home/homepage-banner-cityscape-black.jpg');
}
.hp-announcement p, .hp-announcement .entry h2:first-child {
  color: #ffffff !important;
}
.fn-article p {
  color: #ffffff !important;
}
.tl-list:before {
  color: #ffffff;
}
.did-you-know-block {
  background-color: #000000;
}
.locations-block {
  background-color: #000000;
}
.locations-block h2 {
  color: #ffffff;
  font-family: 'Work Sans', sans-serif;
}
.locations-block .state, .locations-block .location h3 {
  font-family: 'Work Sans', sans-serif;
}
.locations-block .location h3 {
  margin-bottom: 10px;
  font-size: 1.2rem;
}
.contact-form-block {
  padding-bottom: 40px;
}
.general-body li:before {
  background-color: #ffffff;
}
.subpage-summary {
  background-color: #000000;
}
#draas-section {
  background-color: #000000;
}
.partner-news-row {
  background-color: #000000;
  border-bottom: 0;
}
.general-body p {
  line-height: 1.65rem;
}
.main-header {
  background-color: #111111;
  border-top: 0;
  border-bottom: 1px solid #000000;
}
.main-menu .menu-item-top-level {
  border-left: 0;
}
.main-menu .menu-item-link {
  color: #ffffff;
}
.client-login-btn {
  border-left: 1px solid #3c3c3c;
  border-right: 1px solid #3c3c3c;
}
.svg-chevron-dims {
  display: none !important;
}
.categories-block a .icon-container {
  border-radius: 0 !important;
}
.categories-block a {
  filter: grayscale(50%);
}
.video-feed header h2 {
  font-weight: 600;
}
.site-map-container a {
  color: #fff;
}


.main-menu .menu-item-top-level > a {
  transition: background-color .2s linear;
}
.main-menu .menu-item-top-level:hover > a {
  background-color: #003275;
}
.main-menu .sub-menu li {
  background-color: #003275;
}
.main-menu .sub-menu li:hover a {
  background-color: #002a63;
}
.recent-post-sidebar ul {
  border-radius: 0;
}
.bg-black {
  background-color: #000000;
}
.location .address p {
  padding: 0 10px;
}
.pic-full-width {
  padding-right: 0;
}

@media screen and (min-width: 62.5em) {
  .main-menu .menu-item-link {
    font-size: .85rem;
    letter-spacing: .05rem;
    font-weight: 600;
  } 
}


@media (max-width: 1023px) {
  .ninjas.not-ninjas {
    padding-left: 0px;
  }
}

@media (max-width: 1450px) {
  #how.campaign-section .c-flex-8 {
    width: 44.666%;
  }
  .campaign-datasheet-block {
    width: 50%;
  }
  .campaign-datasheet-wrap {
    height: auto;
    max-height: 80%;
  }
}

@media (max-width:1390px) { 
  .pillar-content h4 {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
  }
  .pillar-center {
    min-height: 496px;
  }
}
@media (max-width:1250px) {
  .pricing-bg {
    background-image: url('../images/cloud/pricing-banner-mobile-version.jpg');
    background-size: cover;
    background-repeat:no-repeat;
    background-position: top right;
    width: 50%;
    height: 100%;
  }
  .pricing {
    background-image: none;
  }
  .pricing-details {
    padding-right: 50px;
  }

	.sfc-copy p {
		max-width: 100%;
		padding-right: 20px;
		font-size: 18px;
	}
	.sfc-copy h2 {
		font-size: 32px;
	}
	.security-form-container .mktoForm input[type=email] {
		width: 300px !important;
	}
	.security-form-container .mktoFormRow {
		width: 300px;
	}
  #gform_wrapper_9.gravity-theme .gform_footer button {
    height: 69px;
    width: 58px;
  }
  
  #gform_wrapper_9 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 300px !important;
  }
  .sfc-description {
    width: 55%;
  }
  .sfc-form {
    width: 40%;
  }
}
@media (max-width: 1199px) { 
  .partner-news-block h4 {
      font-size: 24px;
  }
  .sn-sf-box {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .sn-sf-flex {
      padding: 60px 0 80px;
  }
  .entry p.preamble-inline {
    font-size: 20px;
    line-height: 32px;
  }
}
@media (max-width:1120px) { 
  .pillar-center {
    min-height: 520px;
  }
  
}
@media (max-width: 1099px) {
  .diversity-tabs-desktop {
    display: none;
  }
  .diversity-tabs-mobile {
    display: block;
  }
  .diversity-flex .col-6:last-child{
    margin-top: 40px;
  }
  .col-6 {
    width: 100%;
  }
  .diversity-accordion {
    margin-top: 40px;
  }
  .diversity-accordion-button {
    font-size: 22px;
    display: block;
    width: 100%;
    color: #aaa;
    background-color: #fff;
    padding: 20px 20px 20px 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #aaa;
    margin: 5px auto;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }
  .active-diversity-button {
    background-color: #0063b9;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .diversity-accordion-content {
    display: none;
    padding: 10px 20px 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }
  .diversity-accordion-content img {
    margin-top: 20px
  }
  .diversity-expanded {
    display: block;
  }
  .diversity-accordion-button:after {
      content: '\002B';
      color: #aaa;
      font-weight: bold;
      float: right;
      margin-left: 5px;
    font-size: 22px;
  }

  .active-diversity-button:after {
      content: "\2212";
      color: #fff;
  }
  .diversity-accordion-button:hover {
    background-color: #0063b9;
    color: #fff;
  }
  .diversity-accordion-button:hover:after {
    color: #fff;
  }
}
@media (max-width:1050px) {
	.sfc-copy p {
		max-width: 100%;
		font-size: 16px;
	}
	.sfc-copy h2 {
		font-size: 26px;
	}
	.security-form-container .mktoForm input[type=email] {
		width: 200px !important;
		font-size: 16px;
		padding: 18px 18px 17px;
	}
	.security-form-container .mktoFormRow {
		width: 200px;
	}
	.security-form-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton, .security-form-container .mktoButtonRow {
		height: 54px
	}
  #gform_wrapper_9 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 200px !important;
    font-size: 16px;
    padding: 18px 18px 17px !important;
  }
  #gform_wrapper_9.gravity-theme .gform_footer {
    height: 54.5px;
  }
  #gform_wrapper_9.gravity-theme .gform_footer button {
    height: 54.5px;
  }
  .sfc-inner {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (max-width:1024px) { 
  .charity-water .charity-water-flex {
    flex-wrap: wrap;
  }
  .charity-water .charity-water-flex:first-child {
    flex-wrap: wrap-reverse;
  }
  .water-logo {
    text-align: center;
    width: 100%;
    max-width: 367px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
  .charity-water-image {
    width: 100%;
    margin-top: 20px;
  }
  .charity-water-image:first-of-type {
    margin-top: 40px;
  }
}
@media (max-width:1000px) { 
  a.pillar {
    width: 50%;
  }
  .pillar-center {
    min-height: 476px;
  }
  .partners-block .partners.full .partner-small {
    flex: 0 0 19%;
  }
}



@media (min-width:1660px) {
	.map-body {
		padding-top: 0;
		width: 982px;
		height: 779px;
	}
}

@media screen and (min-width: 62.5em) {
    .page-title .subhead-container {
        width: 50%;
        margin-left: 2.5rem;
    }

.general-body .one-aside .body {
	padding-right: 50px;
}
}

@media screen and (min-width: 1024px) {
    .info-heading {
        text-align: left;
        width: 41.67%;
        margin-left: auto;
        padding: 27px 0 0 30px;
    }

    .info-greeds {
        margin: -11.4% -16px 0;
    }
}

@media (max-width:1399px) {
  .pillars{
    /* width: 700px; */
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 1366px) {
    .info-block {
        background-size: 600px auto;
    }
}

@media screen and (max-width: 1280px) {
    .page-title {
        background-position: 400px 50%;
    }

    .cta-block {
        padding: 3.75rem 0;
    }

    .cta-block .entry {
        max-width: 75%;
    }
    .ethical-approach .entry {
      max-width: 50%;
    }
}

@media (max-width:1100px) {
  .arrows-description p {
    font-size: 22px !important;
    line-height: 32px !important;
  }
}

@media screen and (max-width: 1024px) {
    .info-greeds h3 {
        font-size: 28px;
        margin: 0 0 8px;
    }
    .leadership-opener {
      width: 700px;
    }
		.hci-services-block {
			padding-left: 15px;
			padding-right: 15px;
		}
		.hci-row {
			display: block;
		}
		.hci-icon, .hci-desc {
			width: 100%;
			min-width: inherit;
		}
		.hci-desc {
			padding: 40px;
		}
		.arrows-section {
			padding: 100px 30px;
		}
		.arrows-bg {
			top: 30%;
		}
}
@media (max-width: 991px) {
  .form-flex {
      flex-wrap: wrap;
  }
  .partner-intro-content {
      width: 100%;
      padding: 80px 0 30px;
  }
  .partner-contact {
      min-width: auto;
      width: 100%;
      margin-top: 0;
      margin-bottom: 80px;
  }
  .partner-news-row h2, .why-partner-row h2, .partner-intro .entry h2.partner-title {
      font-size: 36px;
  }
  .partner-intro .entry h3.partner-sub, .why-partner-row h3 {
      font-size: 22px;
  }
  .partner-news-flex {
      flex-wrap: wrap;
  }
  .partner-news-block {
      width: 100%;
      margin-bottom: 4%;
      margin-left: auto;
      margin-right: auto;
  }
  .why-reason {
      width: 48%;
  }
  .why-reason {
      margin-bottom: 4%;
  }
  .why-reason:nth-child(2) {
      margin-top: 0;
      margin-bottom: 4%;
  }
  .why-reason:nth-child(5) {
      margin-top: 0;
      margin-bottom: 4%;
  }
  .partner-details-flex {
      display: block;
  }
  .partner-details-image {
      min-width: 400px;
      padding: 0 0 30px;
  }
  .c-flex-4, .c-flex-8 {
    width: 100%;
    margin: 12px 0;
  }
}
@media screen and (max-width: 991px) { 
  .pricing {
    background-image: none;
  }
  .pricing-flex {
    display: block;
    padding: 0 !important;
  }
  .pricing-details {
    width: 100%;
    padding: 50px;
  }
  .pricing-bg {
    position: relative;
    width: 100%;
    background-image: url(../images/cloud/pricing-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 66.60%;
  }
  .ethical-approach {
    padding-bottom: 0;
  }
  .ethical-approach .entry {
    max-width: none;
    padding-bottom: 2rem;
  }
  .ethical-approach .bg {
    display: block;
    position: relative;
    padding-top: 50%;
    width: 100%;
    left: 0;
  }
  
}

@media (max-width: 900px) {
  .sf-page-flex {
      flex-wrap: wrap;
  }
  .sf-page-list {
      margin-top: 40px;
      margin-left: 0;
      min-width: 100%;
  }
  
}

@media (max-width: 768px) {
  .testimonial-block {
    font-size: 15px;
  }
  #testimonial-carousel {
      max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
	.arrows-bg {
		top: 37%;
	}
  .get-in-touch {
    position: relative;
    width: 100%;
  }
  .about-intro .body {
    width: 100%;
    padding-right: 0;
    padding-bottom: 60px;
  }
  .map-locations {
    width: 100%;
    padding: 0 56px;
    min-height: unset;
  }
  .map-locations h2, .map-locations span {
    margin-left: 0;
  }
  .map-locations span {
    display: inline-block;
    width: 49%;
  }
  .map-container {
    width: 100%;
    margin-left: -56px;
    padding-top: 40px;
    position: relative;
  }
  .timeline-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .timeline-container {
    display: block;
  }
  .timeline-bio, .timeline {
    width: 100%;
  }
  .timeline-bio {
    padding-right: 0;
    padding-bottom: 60px;
  }
	.general-body.intro-block .entry h2 {
		font-size:24px;
	}
    .general-body.intro-block {
        padding: 3.75rem 0;
    }

    .general-body.intro-block .one-aside aside h3 {
        font-size: 28px;
    }

    .photos-block {
        padding: 3.75rem 0;
    }

    .photos-block h2 {
        font-size: 38px;
    }

    .info-block {
        padding: 3.75rem 0 160px;
        background-size: 320px auto;
    }

    .info-block h2 {
        font-size: 38px;
    }

    .info-block h2 em {
        font-size: 28px;
    }

    .info-block .note {
        font-size: 12px;
        margin: 0;
    }

    .info-greeds h3 {
        font-size: 38px;
    }

    .info-greeds li {
        width: 100%;
        padding: 0;
    }

    .info-greeds li + li {
        margin: 20px 0 0;
    }

    .info-greeds li:nth-child(even) {
        margin: 20px 0 0;
        text-align: left;
    }

    .info-greeds .descr {
        padding: 20px;
    }

    .info-greeds .descr {
        width: 100%;
    }

    .cta-block .entry {
        max-width: none;
    }

    .cta-block h2 {
        font-size: 38px;
    }

    .logos-block {
        padding: 3.75rem 0;
    }

    .logos-block h2 {
        font-size: 38px;
    }
	.page-title h2 {margin-left:30px;}
  .photos-block h2 {width: 80%;margin-bottom:45px;}
  .cta-block .ethical-approach p:last-of-type {margin-bottom: 60px;}
	.latest-articles {
		flex-wrap: wrap;
	}
	.latest-articles .fn-article {
		width: 100% !important;
		margin-bottom:20px !important;
	}
	.hp-why-cdi-box {
		width: 100%;
	}
	.hp-services-items, .latest-articles {
		max-width: 100%;
	}
	.hp-announcement .entry {
		padding-top: 120px;
	}
	#home-carousel {
		min-height: auto;
		display: block;
	}
	.hp-services-items {
		margin-top:0 !important;
	}
}


@media (max-width: 767px) {
  #nextgen-365-1 .row, #nextgen-365-2 .row, #nextgen-365-3 .row {
    padding: 0 !important;
  }
  #nextgen-365-3 {
    overflow: scroll;
  }
  .nextgen-table th:not(:first-of-type) {
    min-width: 80px;
  }
  .nextgen-table {
    padding-right: 30px !important;
  }
  table.nextgen-table th:first-child {
    min-width: 240px;
  }
  /* table.nextgen-tablee th img {
    max-width: 20px;
  } */
  .long-btn-mobile .link-btn{
    font-size: 20px;
  }
  .long-btn-mobile br {
    display: inline-block;
  }
  .author-credit .author-bio {
    padding-left: 0px;
  }
  article.blog-article h2 {
    font-size: 28px;
  }
  article.blog-article h2.blog-h2 {
    font-size: 32px;
  }
  .author {
    flex-wrap: wrap;
  }
  .author-wrap {
    width: 100%;
    margin-top: 8px;
  }
  .author-byline {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
  }
  .author span {
    margin-left: 5px;
  }
  .partner-contact h3 {
    font-size: 30px;
  }
  .campaign-section .partner-intro-content {
    padding-top: 0;
  }
  .campaign-section .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .campaign-icon-wrap {
    justify-content: space-between;
    width: 48%;
    margin: 2% 0;
  }
  .campaign-section .partner-contact {
    margin-bottom: 0;
  }
  .campaign-section .entry h2 {
    font-size: 36px;
  }
  .campaign-section .entry h4 {
    font-size: 24px;
    line-height: 1.3;
  }
  .btn-basic-row .btn-basic {
    margin-top: 12px;
  }
  .campaign-section, #how.campaign-section {
    padding: 60px 0;
  }
  .campaign-datasheet-block {
    width: 100%;
    height: 500px;
  }
  .datasheet-offset {
    padding-top: 460px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .campaign-datasheet-wrap {
    height: auto;
    width: 85%;
    max-width: 332px;
    margin: 0 auto;
    text-align: center;
  }
  #how.campaign-section .c-flex-8 {
    width: 100%;
  }
  .m-row-fix .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .charity-row .row {
    padding: 0 !important;
  }
  .water-logo {
    max-width: 100%;
    min-width: 100%;
  }
  .charity-water {
    padding: 40px;
  }
  .charity-row .link-btn {
    font-size: 20px;
  }
  .charity-water h2 {
    font-size: 34px;
  }
  .partners-block .partners.full .partner-small {
    flex: 0 0 48%;
    height: 100px;
  }
  .partners-block .partner-logo {
    padding: 1rem;
  }
  .gform_legacy_markup_wrapper div.validation_error {
    max-width: 100% !important;
  }
  .gform_legacy_markup_wrapper.gform_validation_error .gform_body ul#gform_fields_1 li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    padding-right: 0 !important;
  }
  .global-contact .gform_wrapper ul li.gfield.gfield_error input {
    margin-bottom: 0 !important;
  }
  .general-body.sf-body, .general-body.sn-sf-section, #general-body-mobile {
    padding-left: 0;
    padding-right: 0;
  }
  .sf-icon-image {
    margin-bottom: 10px;
  }
  .sf-icon-list h2 {
      font-size: 32px;
      margin-bottom: 0;
  }
  /* .general-body .row {
      padding: 0 15px;
  } */
  .awards-block, .philanthropy-block, .general-body, .subpage-preamble, .leadership-block {
      padding-left: 30px;
      padding-right: 30px;
  }
  .sn-sf-box {
    padding: 35px;
    padding-bottom: 35px;
  }
  .link-btn.btn-border {
      font-size: 17px;
      margin-top: 20px;
  }
  .absolute-btn {
      position: relative;
      bottom: auto;
      left: auto;
  }
  .sn-sf-section .row {
      padding: 0 15px;
  }
  .sn-sf-flex {
      padding: 40px 0 60px;
  }
  .sn-sf-logos div {
      width: 80px;
      margin-right: 10px;
  }
  .sn-sf-logos .sn-sf-sn-logo {
      width: 85px;
  }
  .sn-sf-logos div img {
      width: 100%;
      height: auto;
      margin: 0;
  }
  .why-reason {
    width: 100%;
  }
  .partner-details-image {
      min-width: auto;
      max-width: 100%;
      padding: 0 0 30px;
  }
  .partner-details-about img {
    margin-top: 12px !important;
  }
  .sfc-description {
    flex-wrap: wrap;
  }
  .sfc-badge {
    margin-right: 0;
    margin-bottom: 10px;
  }
  #gform_wrapper_9 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 250px !important;
    padding: 11px 18px 11.5px !important;
  }
  .job-openings h2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .ethical-approach .entry {
    padding-right: 0;
  }
  .alt-badge-flex {
    display:block;
  }
  .alt-badges {
    padding-left:0;
  }
  a.pillar {
    width: 100%;
  }
  .pillar-center {
    min-height: auto;
  }
  .pillar-content h4 {
    max-width: 100%;
  }
  .pricing-details {
    padding: 50px 15px;
  }
  .os-flex {
    display: block;
    align-items: center;
  }
  .os-flex div:first-child {
    text-align: center;
    min-width: 100%;
  }
  .os-flex div:last-child {
    text-align: center;
  }
	.sfc-inner {
		padding: 20px 0 30px;
	}
	.sfc-copy p {
		padding-right: 0;
	}
	.sfc-description {
		width: 100%;
	}
	.sfc-form {
		margin-top: 18px;
		width: 100%;
	}
	.security-form-container .mktoFormRow {
		width: calc(100% - 58px) !important;
	}
	.security-form-container .mktoForm input[type=email] {
		width: 100% !important;
	}
	.security-form-container .mktoFormRow .mktoFormCol, .security-form-container .mktoFormRow .mktoFieldWrap {
		width: 100% !important;
	}
		.footer-connect {
			display: block;
		}
		.fc-description {
			width: 100%;
			margin: 0 auto 20px;
		}
		.photos-block h2, .hp-announcement h2, .partners-block h2, .latest-news header h2, .hp-why-cdi-box h2, .fc-description h2 {
			font-size: 32px;
		}
		.hp-why-cdi-box {
			padding: 40px 30px;
		}
		.hp-announcement .entry {
			padding: 130px 30px 30px;
		}
		.slide-title {
			font-size: 28px;
		}
		#gform_fields_1 {
			display: block;
		}
		.global-contact .gform_wrapper ul.gform_fields li.gfield {
			width: 100%;
		}
    .get-in-touch {
      padding: 30px;
    }
    .get-in-touch p {
      font-size: 24px;
    }
    a.git-btn {
      font-size: 24px;
    }
    .map-locations {
      padding-left: 30px;
      padding-right: 30px;
    }
    .map-locations span {
      width: 100%;
      font-size: 24px;
    }
    .map-container {
      margin-left: -30px;
      padding-top: 20px;
    }
    .timeline-bio h2 {
      font-size: 38px !important;
    }
    .timeline-bio h3 {
      font-size: 28px;
    }
    .timeline-bio p {
      font-size: 20px;
      line-height: 1.5;
    }
    .page-title .bg {
        display: none;
    }

    .page-title .bg:before {
        display: none;
    }

    .photos-block .row {
        padding: 0 1rem;
    }

    .photos-library {
        margin: 0;
        display: block;
    }

    .photos-library .item {
        width: 100%;
        margin: 15px 0;
    }

    .photos-library .item-wide {
        width: 100%;
    }

    .photos-library .item-x-wide {
        width: 100%;
    }

    .photos-library .item-small {
        width: 100%;
    }

    .photos-library .item-tall {
        height: 300px;
    }

    .info-block .row {
        /* padding: 0 1rem; */
		padding: 0 30px;
    }

    .cta-block {
        padding: 3.75rem 0 0;
    }

    .cta-block .bg {
        display: block;
        position: relative;
        padding-top: 50%;
        width: 100%;
        left: 0;
    }

    .cta-block .bg:before {
        display: none;
    }

    .cta-block .row {
        /* padding: 0 1rem; */
		padding: 0 30px;
    }

    .logos-block .row {
        /* padding: 0 1rem; */
		padding: 0 30px;
    }
		.photos-block .row {
			padding: 0 30px;
		}
		.general-body .row {
			padding: 0 30px;
		}
		.page-title .row {padding:0;}
	  .logos img {
	        height: 40px;
	  }
	  .leadership-opener {
	    width: 100%;
	  }
	  .leadership-opener p {
	    font-size: 22px;
	  }
	  .member {
	    margin: 7px auto;
	  }
	  .lb-body {
	    padding: 80px 30px 30px 30px;
	  }
		.subpage-header h2, .blog-header h2 {
			font-size: 2.3rem;
			line-height: 1.3;
			margin-bottom: 0;
		}
		.page-title h2 {
			font-size: 2.3rem;
			line-height: 1.3;
		}
		.subpage-header p, .blog-header p {
			margin-top: 15px;
      margin-left: 30px;
      margin-right: 30px;
		}
		.copyright {
			display: block;
			text-align: center;
		}
		.footer-menu {
			text-align: center;
			padding-left: 0;
		}
		.main-footer .row div {
			padding-right: 0;
		}
		.main-footer .the-company ul li:nth-child(odd) {
			padding-right: 0;
		}
		.subpage-header {
			background-position: left top;
		}
		.subpage-header, .blog-header {
			display: flex;
			align-items: center;
			width: 100%;
		}
		.logos-block header {
			max-width: 100%;
		}
		.main-menu .menu-item-top-level .menu-item-level-2 .menu-item-link {
			background-color: #005399;
		}
		.main-menu .menu-item-top-level a:hover, .sub-menu-level-1 {
			background-color: #003a70;
		}
		.menu-item-level-2 a.menu-item-link {
			padding-top: 11px !important;
			padding-bottom: 10px !important;
		}
		.slide-wrapper {
			width: 100%;
		}
		.flex-sc .slide-col {
			padding: 0;
		}
		.slide-col img {
			max-width: 80%;
		}
		.slide-copy {
			font-size: 16px;
		}
		#home-carousel {
			padding: 3rem 1.25rem 6rem;
		}
    #home-carousel .slick-prev {
      top: auto;
      left: 37%;
      bottom: 20px;
      width: 44px;
    }
    #home-carousel .slick-next {
      top: auto;
      right: 37%;
      bottom: 20px;
      width: 44px;
    }
    .logo {
      margin: 1rem 0;
    }
    .main-nav .main-menu-toggle {
      top: -48px;
    }
    #utility-2020 {
      position: relative;
    }
    #utility-2020 .utility-container .search {
      width: auto !important;
      display: flex;
      position: absolute;
      top: 0;
      left: 10px;
    }
    #utility-2020 .utility-container .search input {
      width: 100px !important;
    }
    
		.hp-services-item {
			margin: 0 auto 20px;
		}
		.hp-announcement h2:first-child {
			margin-top: 30px;
		}
		.arrows-description {
	    width: 100%;
	    padding-right: 0;
	  }
	  .arrows-bg {
	    display: none;
	  }
	  .arrows-section, .foundation-block {
	    padding: 60px 15px;
	  }
	  .long-pillar {
	    background-position: 91% 50%;
	  }
	  a.pillar {
	    padding: 2px;
	  }
	  .foundation-block h2, .testimonial-block h2, .experts-block h2 {
	    font-size: 35px;
	  }
		.quote-container {
			padding: 37px;
		}
		.hci-services-block, .testimonial-block {
			padding: 60px 15px;
		}
		.long-pillar {
			background-position: 49% 90%;
			padding: 30px 30px 110px 30px;
		}
		.long-pillar:last-of-type {
			background-size: 80px 80px;
			background-position: 49% 88%;
		}
		.long-pillar h4 {
			font-size: 20px;
		}
		.long-pillar h4, .long-pillar p {
			text-align: center;
		}
		.circle-bg {
			background-image: none !important;
		}
		.falling-dot {
			display: none !important;
		}
    .page-title .row {
      padding: 0 1rem !important;
    }
    .subhead-container {
      padding: 0 14px !important;
    }
    .page-title h2 {
      margin-left: 0 !important;
    }
    .subpage-header p, .blog-header p {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    .subhead-container p {
      font-size: 1.2rem !important;
      line-height: 1.6rem !important;
    }
    .job-full-description {
      width: 100%;
      }
      .job-listings-sidebar {
          width: 100%;
          padding-left: 0;
          margin-top: 60px;
      }
      
      .job-row {
          margin: 0 15px;   
      }
      .campaign-datasheet-wrap img {
        height: auto !important;
      }
      .btn-basic-row .btn-basic {
        font-size: 18px;
        padding: 12px 20px;
      }
      .get-in-touch {
        position: relative;
        top: auto;
        bottom: auto;
        transform: translate(0, 0);
        }
        .diversity-accordion-button {
          font-size: 18px;
          padding: 16px;
        }
        .diversity-accordion-content {
          padding: 10px 10px 20px;
        }
        .diversity-accordion-content p {
          font-size: 16px;
        }
        .general-body.intro-block.diversity-block {
          padding: 80px 0;
        }
        .diversity-block h2 {
          font-size: 38px;
        }


        .main-menu.active {
          background-color: #111111;
        }
        .main-menu .menu-item-top-level > a {
          background-color: #111111;
          text-transform: uppercase;
        }
        .main-menu .menu-item-top-level .menu-item-level-2 .menu-item-link {
          background-color: #111111;
          text-transform: uppercase;
        }
        .main-header .row {
          padding-left: 0;
        }
        .logo a {
          width: 100px;
          height: 42px;
          display: block;
        }
        .logo {
          width: 100px;
          background-size: 100px 42px;
        }
        .hamburger span.main-nav-toggle:after, .hamburger span.main-nav-toggle:before {
          border-color: #fff;
        }
        .hamburger span.main-nav-toggle i {
          background-color: #fff;
        }
        .main-menu .menu-item-top-level {
          margin: 10px 0;
        }
}

@media (max-width:759px) {
  .main-header {
    z-index: 999;
  }
}

@media screen and (max-width: 374px) {
    .entry .link-btn,
  .link-btn {
        font-size: 18px;
    }

    .page-title {
        min-height: 320px;
    }

    .page-title h2 {
        font-size: 28px;
        line-height: 1.1;
    }

    .info-greeds h3 {
        font-size: 28px;
    }
}

@media (min-width: 992px) {
  .partner-contact {
    max-width: 463px;
  }
}