/*
[013]-CTA FORM
About: Call to action with contact form
Author: Nacho Rico - Arrontes y Barrera
*/
.cta-form {
  background-color: #7FC8DB;
  min-height: 400px;
  display: flex;
  align-items: flex-start;
  margin: 40px 0 0;
  padding: 50px 0; }
  .cta-form img {
    max-width: 500px; }
  .cta-form .titulo {
    font-family: 'futura-pt', sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    width: 70%;
    color: #000;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-top: 60px; }
  .cta-form .wpcf7 {
    margin: 0 !important; }
    .cta-form .wpcf7 form {
      margin-left: 0px !important;
      max-width: 800px; }
      .cta-form .wpcf7 form label {
        font-weight: 300;
        font-family: 'Source Sans Pro';
        font-size: 22px; }
      .cta-form .wpcf7 form input, .cta-form .wpcf7 form textarea {
        margin-top: 0px;
        border: 0px; }
      .cta-form .wpcf7 form textarea {
        height: 135px; }
      .cta-form .wpcf7 form .boton,
      .cta-form .wpcf7 form input[type=submit] {
        text-align: center;
        background-color: #FFDD00;
        color: #000;
        font-family: 'futura-pt', sans-serif;
        font-weight: 700;
        font-size: 35px;
        padding: 5px 15px;
        border-radius: 10px;
        display: inline-block;
        margin-top: 30px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        max-width: 400px;
        text-decoration: none !important;
        border: 0px; }
      .cta-form .wpcf7 form .boton:hover,
      .cta-form .wpcf7 form input[type=submit]:hover {
        text-decoration: none; }
      .cta-form .wpcf7 form a:hover > .boton,
      .cta-form .wpcf7 form input[type=submit]:hover {
        box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
        text-decoration: none !important; }
  .cta-form .cf7sg-container .cf7-smart-grid.has-grid .row {
    margin-bottom: -30px !important; }

@media screen and (max-width: 800px) {
  .cta-form .text-right {
    text-align: center !important; }
  .cta-form img {
    max-width: 60% !important; } }

@media screen and (max-width: 500px) {
  .cta-form img {
    max-width: 100% !important; }
  .cta-form input.wpcf7-form-control {
    margin-bottom: 30px !important; } }