body {
  background: #eff4ff;
}

.fill-bg {
  fill: #eff4ff;
}

.mt--390 {
    margin-top: -390px !important;
}
.mb--390 {
    margin-bottom: -390px !important;
}

.mt--300 {
    margin-top: -300px !important;
}
.mb--300 {
    margin-bottom: -300px !important;
}
.separator-bottom {
    z-index: 0;
}

.section-shaped .shape-request {
  height: 360px;
}

.section-cpaporto-cover {
  height: 370px;
  background-size: cover;
  background-position: center center;
}

.section-shaped .shape-cpaporto.shape-default {
  background: linear-gradient(150deg, #283582 15%, #28358299 70%, #283582 94%);
}

.container-profile {
  max-width: 500px;
}

.map-container {
  height: 0;
  overflow: hidden;
  padding-bottom: 60%; /* aspect ratio */
  position: relative;

  margin-top: 10px;
  margin-bottom: 40px;
}

.googlemap {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.has-animated-gradient {
  background: linear-gradient(213deg, #eff4ff, #ffffff, #babed2);
  background-size: 600% 600%;

  -webkit-animation: animatedGradient 29s ease infinite;
  -moz-animation: animatedGradient 29s ease infinite;
  animation: animatedGradient 29s ease infinite;

  @-webkit-keyframes animatedGradient {
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
  }
  @-moz-keyframes animatedGradient {
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
  }
  @keyframes animatedGradient {
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
  }
}

.logo-holder {
  background: #eff4ff;
}

.logo-holder img {
  padding: 20px;
  width: 100%;
}