/* Brand Colors */
/*gradient colors*/
/* CTA Text Color */
/* HERO TEXT COLOR */
/* Vertically aligned content

When content is vertically aligned, often times the copy margin is off; these variables correct this issue.

*/
/* CTA COLORS*/
/* Main CTA colors */
@media (min-width: 1200px) {
  body {
    padding-top: 100px !important; } }
#home-refresh h1, #home-refresh h2, #home-refresh h3, #home-refresh p, #home-refresh div, #home-refresh a {
  font-family: "Graphik"; }
#home-refresh h3 {
  font-weight: 600 !important; }
#home-refresh a {
  font-weight: 600; }
#home-refresh p, #home-refresh div {
  font-weight: normal; }
#home-refresh h1 {
  font-size: 32px;
  line-height: 36px; }
#home-refresh h2 {
  font-size: 26px;
  line-height: 32px; }
  @media (max-width: 420px) {
    #home-refresh h2 {
      width: 89%; } }
#home-refresh h3 {
  font-size: 18px;
  line-height: 26px; }
#home-refresh a.small-cta-bttn {
  font-size: 16px;
  line-height: 24px; }
#home-refresh a.text-cta-bttn.small-cta-bttn {
  letter-spacing: 0; }
#home-refresh a.large-cta-bttn {
  font-size: 18px;
  letter-spacing: .56px; }
@media (min-width: 768px) {
  #home-refresh h1 {
    font-size: 54px;
    line-height: 66px; }
  #home-refresh h2 {
    font-size: 48px;
    line-height: 60px; }
  #home-refresh h3 {
    font-size: 24px;
    line-height: 34px; }
  #home-refresh a.text-cta-bttn.small-cta-bttn {
    letter-spacing: .35px; } }
#home-refresh #cms-section-0.hero {
  position: relative;
  background-position: 180% center !important;
  background-repeat: no-repeat;
  overflow: hidden;
  background-image: linear-gradient(#0d3ecc, #082882);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0d3ecc), to(#082882));
  background-image: -moz-linear-gradient(top, #0d3ecc, #082882);
  padding-top: 0;
  padding-bottom: 0; }
  #home-refresh #cms-section-0.hero div.rings-background {
    background-repeat: no-repeat;
    overflow: hidden;
    position: absolute;
    background-position: right -180px top -180px;
    width: 100%;
    height: 100%;
    background-size: 400px; }
    @media (min-width: 768px) {
      #home-refresh #cms-section-0.hero div.rings-background {
        background-image: url(/images/website-refresh/homepage/rings-background-desktop.svg); } }
    @media (min-width: 768px) {
      #home-refresh #cms-section-0.hero div.rings-background {
        background-size: auto;
        background-position: right -413px center !important; } }
  #home-refresh #cms-section-0.hero .row {
    margin-bottom: 0; }
    #home-refresh #cms-section-0.hero .row .img-container {
      position: absolute;
      right: 0;
      top: 0; }
      @media (min-width: 768px) {
        #home-refresh #cms-section-0.hero .row .img-container {
          right: -90px;
          bottom: 0;
          top: auto; } }
      @media (min-width: 992px) {
        #home-refresh #cms-section-0.hero .row .img-container {
          right: -40px; } }
      #home-refresh #cms-section-0.hero .row .img-container img {
        height: 300px; }
        #home-refresh #cms-section-0.hero .row .img-container img.mobile {
          display: block; }
        #home-refresh #cms-section-0.hero .row .img-container img.desktop {
          display: none; }
        @media (min-width: 768px) {
          #home-refresh #cms-section-0.hero .row .img-container img {
            width: 335px;
            height: 440px; }
            #home-refresh #cms-section-0.hero .row .img-container img.mobile {
              display: none; }
            #home-refresh #cms-section-0.hero .row .img-container img.desktop {
              display: block; } }
        @media (min-width: 992px) {
          #home-refresh #cms-section-0.hero .row .img-container img {
            width: 370px;
            height: 502px; } }
    #home-refresh #cms-section-0.hero .row > .col-sm-10 {
      z-index: 10; }
      @media (max-width: 489px) {
        #home-refresh #cms-section-0.hero .row > .col-sm-10 .col-xs-6 {
          width: 100%; }
        #home-refresh #cms-section-0.hero .row > .col-sm-10 .hidden-xxs {
          display: none !important; } }
      @media (min-width: 768px) {
        #home-refresh #cms-section-0.hero .row > .col-sm-10 .text-block {
          margin-bottom: 0; } }
      #home-refresh #cms-section-0.hero .row > .col-sm-10 .text-block h1 {
        margin-top: 31px;
        width: 80%; }
        @media (min-width: 768px) {
          #home-refresh #cms-section-0.hero .row > .col-sm-10 .text-block h1 {
            margin-top: 47px;
            width: 100%; } }
        @media (min-width: 1200px) {
          #home-refresh #cms-section-0.hero .row > .col-sm-10 .text-block h1 {
            margin-top: 63px; } }
      #home-refresh #cms-section-0.hero .row > .col-sm-10 .text-block h3 img {
        margin-right: 10px; }
      #home-refresh #cms-section-0.hero .row > .col-sm-10 .text-block p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0; }
      #home-refresh #cms-section-0.hero .row > .col-sm-10 > .text-block {
        margin-bottom: 30px; }
      #home-refresh #cms-section-0.hero .row > .col-sm-10 .cta-wrapper {
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        @media (min-width: 1200px) {
          #home-refresh #cms-section-0.hero .row > .col-sm-10 .cta-wrapper {
            margin-bottom: 60px; } }
        #home-refresh #cms-section-0.hero .row > .col-sm-10 .cta-wrapper .orange-cta-bttn {
          margin-bottom: 0;
          width: fit-content;
          width: -moz-fit-content;
          padding-bottom: 0; }
          @media (min-width: 768px) {
            #home-refresh #cms-section-0.hero .row > .col-sm-10 .cta-wrapper .orange-cta-bttn {
              margin-bottom: 0; } }
        #home-refresh #cms-section-0.hero .row > .col-sm-10 .cta-wrapper .text-cta-bttn {
          padding: 15px 0;
          color: #efc148; }
          @media (min-width: 768px) {
            #home-refresh #cms-section-0.hero .row > .col-sm-10 .cta-wrapper .text-cta-bttn {
              display: block;
              padding: 15px 0; } }
#home-refresh #cms-section-1 {
  padding-top: 40px;
  padding-bottom: 10px; }
  #home-refresh #cms-section-1 a strong {
    font-weight: 600 !important; }
#home-refresh #small-business-protection p {
  font-size: 18px;
  line-height: 32px; }
  #home-refresh #small-business-protection p a {
    color: #0d3ecc;
    position: relative;
    top: 4px;
    margin-left: 0px;
    font-weight: 600; }
    #home-refresh #small-business-protection p a .arrow-animation {
      width: 38px;
      height: 16px;
      background: url(/images/website-refresh/endpoint/blue-arrow.svg) no-repeat;
      display: inline-block;
      padding: 0px;
      float: none;
      position: relative;
      top: 3px; }
    #home-refresh #small-business-protection p a:hover .arrow-animation {
      width: 67px;
      height: 17px;
      background: url("/images/website-refresh/endpoint/blue-arrow-hover.svg") no-repeat;
      display: inline-block; }
#home-refresh #cms-section-3 {
  background-image: url(/images/website-refresh/shield.svg);
  background-repeat: no-repeat;
  background-position: 80vw;
  background-size: contain; }
  @media (min-width: 768px) {
    #home-refresh #cms-section-3 .two-column-block .text-column p.text-content {
      line-height: 32px;
      font-size: 18px; } }
  #home-refresh #cms-section-3 .two-column-block .video-column .mb-two-column-video .vimeo-player .embedded-video {
    height: 100%;
    width: 100%; }
  #home-refresh #cms-section-3 .two-column-block .video-column .mb-two-column-video .video-thumbnail {
    margin: auto; }
    @media (min-width: 550px) and (max-width: 991px) {
      #home-refresh #cms-section-3 .two-column-block .video-column .mb-two-column-video .video-thumbnail {
        padding: 0 15%; } }
    #home-refresh #cms-section-3 .two-column-block .video-column .mb-two-column-video .video-thumbnail img {
      width: 100%;
      height: 100%; }
    #home-refresh #cms-section-3 .two-column-block .video-column .mb-two-column-video .video-thumbnail:hover {
      opacity: .8; }
#home-refresh .vimeo-player {
  display: none; }
  #home-refresh .vimeo-player.active {
    display: block;
    position: fixed;
    top: 120px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: fixed;
    z-index: 11;
    left: 0;
    width: 100%; }
#home-refresh .lightbox-cover {
  background-color: rgba(83, 82, 82, 0.94);
  height: 100%;
  width: 100%;
  opacity: .94;
  z-index: 1;
  position: fixed;
  display: none; }
#home-refresh .close {
  top: 90px; }
  @media (min-width: 1200px) {
    #home-refresh .close {
      top: 120px; } }

body.lightbox-open #home-refresh .lightbox-cover {
  display: block; }

.vimeo-player, .vimeo-player iframe {
  height: 350px; }

@media (min-width: 320px) {
  .banner-bg-1 {
    background: url(/images/refreshed_homepage/card-personal-background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; } }
@media (min-width: 420px) {
  .banner-bg-1 {
    background: url(/images/refreshed_homepage/card-1-background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; } }
@media (min-width: 320px) {
  .banner-bg-1 {
    height: 370px; } }
@media (min-width: 768px) {
  .banner-bg-1 {
    height: 480px; } }
@media (min-width: 992px) {
  .banner-bg-1 {
    height: 360px; } }

@media (min-width: 320px) {
  .banner-bg-2 {
    background: url(/images/refreshed_homepage/card-2-background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; } }
@media (min-width: 420px) {
  .banner-bg-2 {
    background: url(/images/refreshed_homepage/card-background-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; } }
@media (min-width: 320px) {
  .banner-bg-2 {
    height: 370px; } }
@media (min-width: 768px) {
  .banner-bg-2 {
    height: 480px; } }
@media (min-width: 992px) {
  .banner-bg-2 {
    height: 360px; } }

.text-gradient-bg {
  background-image: linear-gradient(to bottom, #fff, #f9fcff 72%, #edf3f9 118%); }

.icon-block-refreshed .icon-container {
  font-size: 70px;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to bottom, #4998f1 -12%, #0d3ecc 116%); }

.video_click {
  width: 100%;
  height: 360px;
  position: absolute;
  cursor: pointer; }

#home-refresh #cms-section-3 .two-column-block .video-column .mb-two-column-video .video-thumbnail img {
  max-width: 100px;
  height: 100px;
  position: absolute;
  left: 43%;
  top: 35%; }

@media (max-width: 991px) {
  #home-refresh #cms-section-3 .two-column-block .video-column .mb-two-column-video .video-thumbnail {
    padding: 0; } }
.mb-two-column-video {
  overflow: hidden; }

section.hero .text-content, section.hero a.hero-block-title {
  color: #fff; }
section.hero h3.text-content {
  display: flex;
  align-items: center; }
section.hero a.hero-block-title {
  margin: 3px 5px; }
section.hero .cta-wrapper .text-cta-bttn img {
  vertical-align: middle; }

.cta.orange-cta-bttn {
  color: #0d3ecc;
  background-color: #efc148;
  line-height: 50px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #ff8e26;
  color: #fff;
  webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  text-align: center !important;
  border-radius: 4px;
  vertical-align: middle;
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  margin: 0 25px 25px 0;
  letter-spacing: .05em;
  display: block; }
  @media (min-width: 480px) {
    .cta.orange-cta-bttn {
      display: inline-block;
      min-width: 200px;
      width: auto;
      height: 50px; } }

.video_click {
  width: 100%;
  height: 360px;
  position: absolute;
  cursor: pointer; }

#home-refresh #cms-section-3 .two-column-block .video-column .mb-two-column-video .video-thumbnail img {
  max-width: 100px;
  height: 100px;
  position: absolute;
  left: 43%;
  top: 35%; }

@media (max-width: 991px) {
  #home-refresh #cms-section-3 .two-column-block .video-column .mb-two-column-video .video-thumbnail {
    padding: 0; } }
.mb-two-column-video {
  overflow: hidden; }

.confidently {
  color: #e87613;
  opacity: 0;
  position: absolute; }

.letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px; }

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.letter.behind {
  transform: rotateX(-90deg); }

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

#non-biz-version, #biz-version {
  display: none; }

#cms-section-0 .hero .text-block p {
  font-size: 15px; }

@media (max-width: 360px) {
  .business_video_frame {
    width: auto; } }

@media (min-width: 320px) {
  .cta-wrapper .orange-cta-bttn {
    font-size: 14px;
    height: auto; } }

@media (max-width: 420px) {
  .banner-bg-2, .banner-bg-1 {
    height: 362px; } }
@media (min-width: 992px) {
  #home-refresh #cms-section-1 a strong {
    height: auto; } }
@media (min-width: 320px) {
  #home-refresh h1 {
    font-size: 25px; } }
@media (min-width: 420px) {
  #home-refresh h1 {
    font-size: 32px; } }
@media (min-width: 768px) {
  #home-refresh h1 {
    font-size: 54px; } }

@media (min-width: 320px) {
  .banner .orange-cta-bttn {
    font-size: 12px !important;
    width: 210px; } }
@media (min-width: 480px) {
  .banner .orange-cta-bttn {
    font-size: 17px !important;
    width: 210px; } }

@media (min-width: 320px) {
  #home-refresh h2 {
    font-size: 21px; } }
@media (min-width: 480px) {
  #home-refresh h2 {
    font-size: 40px; } }

.width-card-p {
  width: 74%; }