.formresp h2 {
  margin-bottom: 0.3em;
  margin-top: 0.4em;
}

.formresp p {
  margin-bottom: 0.2em;
  padding: 0px 4em;
}

@media screen and (max-width:940px) {
  .partnerimg {
    width: 100% !important;
  }

  .ii a[href] {
    color: #fff;
  }

  abbr {
    color: #FFFFFF !important;
  }

  .footercol a {
    color: inherit !important;
    text-decoration: none;
  }

  a[href^=tel] {
    color: #fff;
    text-decoration: none;
  }

  #section_footerbar {
    font-size: 0.4em;
  }
}

@media screen and (min-width:720px) and (max-width:940px) {
  .prespage {
    width: 100%;
    position: relative;
    display: block;
    padding: 2em 0em 5em 0em;
  }

  .presoption {

    width: 44%;


  }

  .presbotnext,
  .presbotprev {

    position: relative;
    display: inline-block;
    margin: 0px 0.5em;
    top: inherit;
    cursor: pointer;
    margin-top: 1em;
    font-size: 1.4em;

  }

  .presoption {
    margin: 6em 0.3em 1em 0.3em;
  }

  .presoption3 {
    width: 31%;
    margin: 6em 0.3em 1em 0.3em;
  }



}

@media screen and (max-width:720px) {


  .presoption {

    margin: 1.2em 0em 0em 0em;
    opacity: 0.6;
    width: 99%;
    height: auto;
    min-height: auto;


  }

  .sliderscentrado {
    width: 92%;
  }

  .prespage {
    width: 100%;
    position: relative;
    display: block;
    padding: 2em 0em 5em 0em;
  }

  .feature-box {
    padding: 1.6em 1.2em;
  }

  .howtocol1 {
    float: left;
    width: 48%;
    margin: 1%;
    text-align: center;
  }

  .presoptionpad {
    padding: 1em 2em 2em 2em;
  }

  .presoptionimg {
    display: none;
  }

  .presoptionsel {
    opacity: 1;
    background-position: 94% 12%;
    background-size: 6%;

  }

  .presoption3 {

    margin: 1.4em 0em 0em 0em;
    min-height: auto;
  }

  .presoption3 .presoptionpad {
    padding: 0.8em 2em 2.5em 2em;
  }

  .presoptionbot {
    display: none;
  }

  .presbotnext,
  .presbotprev {

    position: relative;
    display: inline-block;
    margin: 0px 0.5em;
    top: inherit;
    cursor: pointer;
    margin-top: 1em;
    font-size: 1.4em;

  }

  .presbotnext {
    right: 0.1em;

    background-image: url(../assets/svg/next.svg);
    background-position: 92% center;
    padding-right: 2.3em;
    background-repeat: no-repeat;
  }

  .presbotprev {
    left: 0.8em;

    background-image: url(../assets/svg/previous.svg);
    background-position: 8% center;
    padding-left: 2.3em;
    background-repeat: no-repeat;
  }

  .slider-container .back-bar .pointer-label {
    top: -0.4em !important;
    padding-top: 1.2em !important;
  }

  .slider-container .scale ins {
    font-size: 11px;
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 25px;
    color: #fff;
    line-height: 1;
  }

  #section_footerbar .centradomax {
    line-height: 1.5em;
  }

  .socials {
    position: relative;
    margin-top: 2em;

  }


}

input,
textarea {
  padding: 1.5em 4%;
  width: 92%;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 106px;
  height: 106px;
  border-radius: 100%;
  display: block;
  stroke-width: 4;
  stroke: var(--color1);
  stroke-miterlimit: 10;
  margin: 2% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {

  0%,
  100% {
    transform: none;
  }

  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 90px #7ac142;
  }
}