p.svgmask-title {
  color: #000;
  margin-bottom: 0;
  padding: 10px 50px;
  background: #3c3658;
  text-align: center;
  font-family: 'good-times', proxima-nova,sans-serif;
  font-size: 24px !important;
  font-weight: 400;
  clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
}

.x3-info-image .svgmask-image {
  text-align: center;
}

.x3-info-image .svgmask-image img {
  max-height: 120px;
}
.svgmask-image-1.active .svgmask-title,
  .svgmask-image-2.active .svgmask-title,
  .svgmask-image-3.active .svgmask-title,
  .svgmask-image-1:hover .svgmask-title,
  .svgmask-image-2:hover .svgmask-title,
  .svgmask-image-3:hover .svgmask-title {
    background: #fff !important;
  }
  img.activeimg {
    display: block !important;
  }
@media screen and (min-width: 1170px) {
  .section-connectivity .container-fluid {
    width: 100vw;
  }

  .x3-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto;
    width: 1170px;
  }

  .x3-svgmask {
    position: absolute;
    top: 0;
    left: 0;
    width: 1170px;
    height: 400px;
  }

  .x3-svgmask path {
    display: none;
  }
  .x3-svgmask path.svg-path-1 {
    display: inline-block;
  }
  .x3-info-image {
    width: 1170px;
    height: 400px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .x3-info-image .svgmask-image {
    position: absolute;
  }
  #svg-container img.activeimg {
    display: block !important;
  }
  .svgmask-image-1 {
    left: 250px;
    top: 20px;
  }

  .svgmask-image-2 {
    left: 470px;
    top: 20px;
  }

  .svgmask-image-3 {
    left: 750px;
    top: 20px;
  }

 body.storepage_27 .svgmask-image-1 {
    left: 180px;
    top: 20px;
  }

  body.storepage_20 .svgmask-image-2 {
    left: 490px;
    top: 20px;
  }
  html[lang="en"] .svgmask-image-1 {
    left: 200px;
    top: 0px;
  }

  html[lang="en"] .svgmask-image-2 {
    left: 470px;
    top: 0px;
  }

  html[lang="en"] .svgmask-image-3 {
    left: 750px;
    top: 0px;
  }
  p.svgmask-title {
  font-size: 13px !important;
  }
  html[lang="en"] p.svgmask-title {
  font-size: 24px !important;
  }
  .x3-info-image .svgmask-desc {
    font-size: 18px;
    stroke: #666;
    margin-top: 0.5em;
    font-weight: 300;
  }
  

  .animated-delay {
    -webkit-animation-delay: 0s

    animation-delay: 0s;
  }

  .path {
    stroke-dasharray: 3200;
    animation: dash 0s linear forwards;
  }


  @keyframes dash {
    from {
      stroke-dashoffset: 3200;
    }

    to {
      stroke-dashoffset: 0;
    }
  }

  .desktop-hidden {
    display: none !important;
  }
}

@media screen and (max-width: 1169px) {
  .mobile-hidden {
    display: none !important;
  }
  .section-connectivity .desktop-hidden img {
  	padding: 20px 0 0 ;
  }
  /*.section-connectivity .desktop-hidden p {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    padding: 10px;
    background: #fff;
    text-align: center !important;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
  }*/

}
}