/* Variables */
.fancy-image-block {
  margin-left: auto;
  margin-right: auto;
  max-width: 550px; }
  @media (max-width: 978px) {
    .fancy-image-block {
      max-width: 500px; } }
  .fancy-image-block > div {
    position: relative; }
    .fancy-image-block > div img {
      position: relative;
      z-index: 2; }
  .fancy-image-block svg {
    position: absolute; }
    .fancy-image-block svg.featured-bg-1 {
      height: 100%;
      max-width: 100%;
      right: 15px;
      top: 0; }
    .fancy-image-block svg.featured-bg-2 {
      max-width: 12vw;
      left: 0;
      bottom: 150px;
      z-index: 2; }
    .fancy-image-block svg.featured-bg-3 {
      max-width: 27vw;
      left: 4%;
      top: 20px;
      z-index: 2; }
    body.single-service .fancy-image-block svg.featured-bg-1 {
      transform: matrix(-0.62, 0.78, 0.78, 0.62, 0, 0);
      left: auto;
      bottom: 0px;
      right: -20px;
      top: auto; }
    body.single-service .fancy-image-block svg.featured-bg-2 {
      bottom: 40px;
      transform: rotate(-30deg); }
    body.single-service .fancy-image-block svg.featured-bg-3 {
      left: 7%;
      transform: rotate(-30deg);
      z-index: 1; }
      @media (max-width: 499px) {
        body.single-service .fancy-image-block svg.featured-bg-3 {
          left: 3%; } }
  .fancy-image-block .style-circle,
  .fancy-image-block .style-square,
  .fancy-image-block .style-no_shape {
    text-align: center; }
    .fancy-image-block .style-circle img,
    .fancy-image-block .style-square img,
    .fancy-image-block .style-no_shape img {
      width: 70%; }
      @media (max-width: 499px) {
        .fancy-image-block .style-circle img,
        .fancy-image-block .style-square img,
        .fancy-image-block .style-no_shape img {
          width: 80%; } }
  .fancy-image-block .style-circle {
    padding-bottom: 90px; }
    body.single-service .fancy-image-block .style-circle {
      margin-bottom: 90px;
      padding-bottom: 0; }
    .fancy-image-block .style-circle img {
      border-radius: 50%; }
    .fancy-image-block .style-circle svg.featured-bg-1 {
      height: 100%;
      left: 0;
      right: auto;
      top: 0; }
    .fancy-image-block .style-circle svg.featured-bg-2 {
      right: 15%;
      left: auto; }
      @media (max-width: 499px) {
        .fancy-image-block .style-circle svg.featured-bg-2 {
          right: 8%;
          bottom: 33%; } }
    @media (max-width: 499px) {
      .fancy-image-block .style-circle svg.featured-bg-3 {
        left: 1%;
        top: 0; } }
  .fancy-image-block .style-square {
    padding-bottom: 60px; }
    .fancy-image-block .style-square svg.featured-bg-1 {
      display: none; }
    .fancy-image-block .style-square svg.featured-bg-2 {
      bottom: 20px;
      left: 6%;
      transform: rotate(-55deg); }
      @media (max-width: 499px) {
        .fancy-image-block .style-square svg.featured-bg-2 {
          left: 10px; } }
    .fancy-image-block .style-square svg.featured-bg-3 {
      top: -56px;
      left: auto;
      right: 2%;
      transform: rotate(90deg);
      z-index: -1; }
      @media (max-width: 499px) {
        .fancy-image-block .style-square svg.featured-bg-3 {
          right: -16px; } }
  .fancy-image-block .style-blob {
    margin-bottom: 60px;
    padding-bottom: 40px;
    padding-top: 20px; }
    .fancy-image-block .style-blob img {
      clip-path: url(#blobClip);
      -webkit-clip-path: url(#blobClip); }
      @media (max-width: 1079px) {
        body.browser_safari .fancy-image-block .style-blob img, body.device_iphone .fancy-image-block .style-blob img {
          -webkit-clip-path: none;
          border-radius: 180px; } }
    .fancy-image-block .style-blob svg.featured-bg-1 {
      right: 0;
      top: 30px;
      left: auto;
      transform: rotate(10deg); }
    .fancy-image-block .style-blob svg.featured-bg-2 {
      bottom: 70px;
      right: 0;
      left: auto; }

/*# sourceMappingURL=styles.css.map */