@font-face {
  font-family: CiscoSans;
  src: url(../fonts/CiscoSansTTThin.eot);
  src: url(../fonts/CiscoSansTTThin.eot?#iefix) format("embedded-opentype"), url(../fonts/CiscoSansTTThin.woff2) format("woff2"), url(../fonts/CiscoSansTTThin.woff) format("woff"), url(../img/CiscoSansTTThin.svg#CiscoSansTTThin) format("svg");
  font-weight: 200;
  font-style: normal
}
p a.body-cta:visited {
  color: #fff !important;
  text-decoration: underline
}
.container {
  padding-right: 0 !important;
  padding-left: 0 !important
}
#header-cta {
  padding-top: 25px;
  padding-bottom: 25px;
  min-height: 35px
}
@media screen and (max-width:768px) {
  #header-cta {
    padding-top: 25px
  }
}
#header-cta .content-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (min-width:769px) {
  #header-cta .content-wrapper {
    text-align: right
  }
}
#header-cta .content-wrapper .row {
  padding: 0
}
#header-cta .content-wrapper .row .col-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 0
}
#header-cta .btn-green {
  font-family: CiscoSans;
  background-color: #74bf4b;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  border-radius: 25px;
  padding: -1px 31px;
  display: block;
  max-width: 214px
}
@media screen and (max-width:599px) {
  #header-cta .btn-green {
    margin-left: auto;
    margin-right: auto;
    position: static
  }
}
#header-cta .btn-green:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}
#header-cta .sales-cta {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background-color: #f2f2f2;
  width: 100%
}
.common-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #d9f4fb
}
.common-header:not(.common-header-xs) {
  padding: 20px 0
}
@media only screen and (min-width:1024px) {
  .common-header:not(.common-header-xs) {
    padding: 100px 25px
  }
}
.container .row:not(.section) {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.common-header .common-header-content h1 {
  font-family: CiscoSans, Arial, sans-serif;
  font-weight: 200;
  font-size: 4.6em;
  line-height: 56px;
  color: #1e4471;
  padding-bottom: 10px
}
@media only screen and (min-width:1024px) {
  .common-header .common-header-content h1 {
    font-size: 7.6em;
    padding-bottom: 20px;
    line-height: 103px
  }
}
a.body-cta, a.body-cta:visited {
  color: #fff !important;
  text-decoration: underline !important
}
.common-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}
@media only screen and (min-width:1024px) {
  .common-header-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
.common-header-content img {
  vertical-align: top;
  padding-left: 0;
  width: 100%;
  padding-bottom: 20px;
  max-width: 315px;
  margin: auto
}
@media only screen and (min-width:1024px) {
  .common-header-content img {
    width: auto;
    padding-left: 47px;
    max-width: 505px
  }
}
.common-header .common-header-content h4 {
  font-family: CiscoSans, Arial, sans-serif;
  font-weight: 200;
  font-size: 2.2em;
  line-height: 30px;
  color: #1e4471;
  margin-bottom: 0;
  text-align: left
}
.common-header.common-header-xs {
  padding: 20px 7px;
  background-image: none !important
}
.common-header-xs {
  display: block
}
.hero-content {
  width: 100%
}
@media only screen and (min-width:1024px) {
  .hero-content {
    width: 50%;
    display: inline-block;
    max-width: 560px
  }
}
.section-blade {
  padding: 0 20px;
  font-family: CiscoSans, Arial, sans-serif;
  color: #fff
}
@media only screen and (min-width:1024px) {
  .section-blade {
    padding: 60px 20px
  }
}
.section-blade img.number-icon {
  display: none;
  height: auto
}
@media only screen and (min-width:1024px) {
  .section-blade img.number-icon {
    position: relative;
    padding-bottom: 30px;
    display: block
  }
}
.section-blade .number-icon-mobile {
  display: inline-block;
  vertical-align: top;
  width: 45px;
  height: -moz-max-content
}
@media only screen and (min-width:1024px) {
  .section-blade .number-icon-mobile {
    display: none
  }
}
.section-blade:nth-child(2n) {
  background-color: #0d274d
}
@media only screen and (min-width:1024px) {
  .section-blade:nth-child(2n) .section-blade-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}
.section-blade:nth-child(odd) {
  background-color: #1e4471
}
@media only screen and (min-width:1024px) {
  .section-blade:nth-child(odd) .section-blade-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
.section-blade:nth-child(odd) .section-blade-content img.number-icon {
  display: block;
  height: auto
}
@media only screen and (min-width:1024px) {
  .section-blade:nth-child(odd) .section-blade-content img.number-icon {
    position: relative;
    padding-bottom: 30px;
    display: block
  }
}
.section-blade:nth-child(odd) .section-blade-content .number-icon-mobile {
  display: inline-block;
  vertical-align: top;
  width: 45px;
  height: -moz-max-content
}
@media only screen and (min-width:1024px) {
  .section-blade:nth-child(odd) .section-blade-content .number-icon-mobile {
    display: none
  }
}
.section-blade:nth-child(odd) .section-blade-content .section-feature-image img.feature-image {
  padding-top: 0;
  display: inline-block
}
@media only screen and (min-width:1024px) {
  .section-blade:nth-child(odd) .section-blade-content .section-feature-image img.feature-image {
    padding-top: 130px
  }
}
.section-blade-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media only screen and (min-width:1024px) {
  .section-blade-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 1140px;
    margin: auto
  }
}
.section-blade-content img.number-icon {
  max-width: 45px;
  vertical-align: top
}
@media only screen and (min-width:1024px) {
  .section-blade-content img.number-icon {
    max-width: 90px;
    height: auto
  }
}
.section-blade-content .section-feature-image {
  width: 100%;
  padding: 20px 0
}
@media only screen and (min-width:1024px) {
  .section-blade-content .section-feature-image {
    width: 50%;
    padding: 0
  }
}
.section-blade-content .section-feature-image img.feature-image {
  max-width: 485px;
  padding-left: 42px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
@media only screen and (min-width:768px) and (max-width:1280px) {
  .section-blade-content .section-feature-image img.feature-image {
    width: 85%;
    padding-top: 40px
  }
}
@media only screen and (min-width:1280px) {
  .section-blade-content .section-feature-image img.feature-image {
    padding-top: 150px;
    width: 100%
  }
}
.section-blade-content .section-content {
  width: 100%
}
@media only screen and (min-width:1024px) {
  .section-blade-content .section-content {
    width: 50%
  }
}
.section-blade-content h3 {
  font-size: 3.5rem;
  font-family: CiscoSans, Arial, sans-serif;
  padding-bottom: 5px;
  font-weight: 200;
  line-height: 52px
}
@media only screen and (min-width:1024px) {
  .section-blade-content h3 {
    font-size: 4.6rem;
    line-height: 63px
  }
}
.section-blade-content p {
  font-size: 1.8rem;
  color: #fff;
  font-family: CiscoSans, Arial, sans-serif;
  font-weight: 200;
  line-height: 26px
}
@media only screen and (min-width:1024px) {
  .section-blade-content p {
    font-size: 2.2rem;
    line-height: 28px;
    padding-bottom: 20px
  }
}
.section-blade-content ul {
  list-style: disc;
  margin: 0 20px
}
.section-blade-content ul li {
  color: #fff;
  font-family: CiscoSans, Arial, sans-serif;
  font-weight: 200;
  line-height: 26px
}
@media only screen and (min-width:1024px) {
  .section-blade-content ul li {
    font-size: 1.8rem
  }
}
.section-blade-content .stat-section {
  padding: 20px 0
}
.section-blade-content .stat-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}
.section-blade-content .stat-images span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 50%;
  padding: 10px
}
.section-blade-content img.stat-image {
  margin: auto;
  max-width: 40vw
}
.section-blade-content .stat-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.section-blade-content .stat-copy p {
  width: 50%;
  padding: 20px 15px 0 0;
  margin: 0 auto;
  max-width: 250px;
  line-height: 25px
}
@media only screen and (min-width:1024px) {
  .section-blade-content .stat-copy p {
    font-size: 1.8rem
  }
}
.cta-blade {
  background-color: #00bceb
}
.cta-blade h3 {
  font-size: 3.8rem;
  font-weight: 200;
  color: #0d274d;
  margin: auto;
  text-align: center;
  padding: 30px 0;
  line-height: 46px
}
@media only screen and (min-width:1024px) {
  .cta-blade h3 {
    max-width: 840px;
    padding: 30px 0
  }
}
.cta-blade .btn-row {
  text-align: center
}
.cta-blade .btn-row a :active, .cta-blade .btn-row a:visited {
  background-color: #122843;
  color: #fff;
  text-decoration: none
}
.cta-blade .btn-row a:hover {
  background-color: #18365a;
  color: #fff;
  text-decoration: none
}
@media only screen and (min-width:1024px) {
  .cta-blade .btn-row {
    padding-bottom: 90px
  }
}
.cta-blade .btn {
  display: block;
  border-radius: 30px;
  font-family: CiscoSans, Arial, sans-serif;
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  padding: 7px 18px;
  background-color: #1e4471;
  color: #fff;
  border: 1px solid transparent;
  margin: 10px auto;
  max-width: 300px;
  min-width: 237px;
  width: 235px;
  text-align: center;
  margin: auto;
  display: inline-block;
  margin: 0 20px;
  margin-bottom: 20px
}
.cta-blade .social-row {
  max-width: 225px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 0;
  bottom: 240px;
  margin: auto;
  position: static;
  padding: 20px 0
}
@media only screen and (min-width:1024px) {
  .cta-blade .social-row {
    position: absolute;
    padding: 0
  }
}
.cta-blade .social-row li a {
  display: block;
  height: 100%;
  width: 45px
}
.cta-blade .social-row ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between
}
.cta-blade .social-row .facebook {
  background-image: url(../img/facebook-icon.svg);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 45px;
  background-repeat: no-repeat;
  width: 45px;
  margin: 0 5px;
  content: " "
}
.cta-blade .social-row .facebook:hover {
  background-image: url(../img/fb-hover.svg)
}
.cta-blade .social-row .twitter {
  background-image: url(../img/twitter-icon.svg);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 45px;
  background-repeat: no-repeat;
  width: 45px;
  margin: 0 5px
}
.cta-blade .social-row .twitter:hover {
  background-image: url(../img/tw-hover.svg)
}
.cta-blade .social-row .linkedin {
  background-image: url(../img/link-icon.svg);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 45px;
  background-repeat: no-repeat;
  width: 45px;
  margin: 0 5px
}
.cta-blade .social-row .linkedin:hover {
  background-image: url(../img/link-hover.svg)
}
.cta-blade .social-row .blog {
  background-image: url(../img/blog-icon.svg);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 45px;
  background-repeat: no-repeat;
  width: 45px;
  margin: 0 5px
}
.cta-blade .social-row .blog:hover {
  background-image: url(../img/blog-hover.svg)
}
.citation-blade {
  background-color: #122843;
  padding: 30px;
  overflow-wrap: break-word
}
.citation-blade p {
  padding: 20px 6% 0 6%;
  color: #fff
}
.citation-blade ol {
  padding: 0 6% 20px 6%;
  list-style: decimal;
  margin-bottom: 0
}
.citation-blade li {
  color: #fff;
  font-size: 1.8rem
}
.citation-blade li a {
  color: #fff
}
.citation-blade li a:hover, .citation-blade li a:visited {
  color: #fff;
  text-decoration: none
}
.citation-blade dfn, .citation-blade em, .citation-blade i {
  font-style: italic
}