@font-face {
  font-family: 'form_font';
  src: url('../../fonts/form_font.eot?52965656');
  src: url('../../fonts/form_font.eot?52965656#iefix') format('embedded-opentype'),
       url('../../fonts/form_font.woff2?52965656') format('woff2'),
       url('../../fonts/form_font.woff?52965656') format('woff'),
       url('../../fonts/form_font.ttf?52965656') format('truetype'),
       url('../../fonts/form_font.svg?52965656#form_font') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'form_font';
    src: url('../font/form_font.svg?52965656#form_font') format('svg');
  }
}
*/
 
.icon-mail:before,
.icon-arrows-cw:before,
.icon-lock:before,
.icon-calendar:before,
.icon-pause:before,
.icon-cancel:before,
.icon-ok:before,
.icon-angle-left:before {
  font-family: "form_font";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-mail:before { content: '\e800'; } /* '' */
.icon-arrows-cw:before { content: '\e801'; } /* '' */
.icon-lock:before { content: '\e802'; } /* '' */
.icon-calendar:before { content: '\e803'; } /* '' */
.icon-pause:before { content: '\e804'; } /* '' */
.icon-cancel:before { content: '\e805'; } /* '' */
.icon-ok:before { content: '\e806'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */

  body#module-formmaker-form #wrapper{
  margin-top: 6em;
}
body#module-formmaker-form #wrapper{
  margin-top: 7em;
  min-height: 500px;
}
      body#module-formmaker-form .page-content{
        padding: 0;
        box-shadow: none;
        border: 0;
        text-align: center;
      }
         .page-content .form-maker-form{
          display: inline-block;
          width: 75%;
          border: 0;
          box-shadow: none;
          text-align: left;
          padding: 50px 0;
        }
           .page-content .form-maker-form .page-subheading{
            display: inline-block;
            width: 100%;
            font-size: 25px;
            font-weight: 700;
            letter-spacing: 0.05em;
            color: #323232;
            line-height: 30px;
            text-transform: capitalize;
            text-align: left;
            margin-bottom: 10px;
          }
            .page-content .form-maker-form .rte{
              border: 1px solid #000000;
              padding: 5px 20px;
              margin-bottom: 25px;
            }
              .page-content .form-maker-form .rte h4{
                color: #000;
                margin-bottom: 5px;
              }
                .page-content .form-maker-form .rte h4 img{
                  max-width: 20px;
                  margin-right: 5px;
                }
              .page-content .form-maker-form .rte p{
                display: inline-block;
                width: 100%;
                font-size: 15px;
                font-weight: 400;
                color: #000000;
                margin-bottom: 15px;
                text-align: center;
                line-height: 18px;
              }
             
         .page-content .form-maker-form .form-group{
            margin: 5px 0;
         }
          .form-group[rel="htmlBlock"]{
            margin-top: 25px;
          }

         .page-content .form-maker-form .form-group,
         .page-content .form-maker-form .form-footer{
          display: none;
          }
          .page-content #form_4.form-maker-form .form-footer{
              display: inline-block;
          }
          .page-content #form_4.form-maker-form #element_68{
              padding: 20px;
          }
         .page-content .form-maker-form .form-group.paso-01{
          display: block;
        }
        .page-content .form-maker-form .form-group.card{
          box-shadow: none;
          border: 0;
          text-align: center;
        }
          .page-content .form-maker-form .form-group.card .form_info{
            display: inline-block;
            padding: 25px;
            width: 60%;
            margin: 15px;
            border: 1px solid #000000;
            box-shadow: 0 0 3px -1px #000;
          }
            .page-content .form-maker-form .form-group.card .form_info:before{
              content: "Respuesta a tu consulta";
              position: absolute;
              padding: 5px 20px;
              background-color: #FFF;
              font-weight: bold;
              color: #333;
              top: 0;
              left: 50%;
              transform: translate(-50%, 0px);
            }
            .page-content .form-maker-form .form-group.card.en-nuestra-web .form_info{
              width: 80%;
            }
              .page-content .form-maker-form .form-group.card.en-nuestra-web .nuestra-left{
                float: left;
                width: 60%;
              }
                .page-content .form-maker-form .form-group.card.en-nuestra-web .nuestra-left ul li{
                  margin: 5px 0;
                }
              .page-content .form-maker-form .form-group.card.en-nuestra-web .nuestra-right{
                float: left;
                width: 40%;
              }
                .page-content .form-maker-form .form-group.card.en-nuestra-web .nuestra-right a{
                  padding: 10px;
                  background-color: #000000;
                  border-radius: 2px;
                  text-transform: uppercase;
                  margin-top: 10px;
                  display: inline-block;
                  color: #fff;
                }
          .page-content .form-maker-form .form-group.card p{
            margin: 0;
            text-align: center;
          }
           .page-content .form-maker-form .form-group .form_info,
           .page-content .form-maker-form .form-group .form_info p{
              color: #000;
          }
            .page-content .form-maker-form .form-group .form_info p a{
              color: #db9b2e;
            }
          .page-content .form-maker-form .form-group .form_info ul{
            text-align: left;
          }
           .page-content .form-maker-form .form-group .form_info ul{
            list-style: disc;
            padding-left: 25px;
          }
          /* .page-content .form-maker-form .form-group[rel='radioInput']{
            width: auto;
            clear: inherit;
          }*/
             .page-content .form-maker-form .form-group[rel='radioInput'] label:first-child{
              display: none;
            }
           .page-content .form-maker-form .form-group .form-control{
            /*background-color: #FFF;
            border-radius: 5px;
            height: auto;
            border: 1px solid #000;*/
            color: #666;
          }
             .page-content .form-maker-form .form-group .checkbox,
             .page-content .form-maker-form .form-group .radio{
              display: inline-block;
              margin-right: 25px;
            }
              .page-content .form-maker-form .custom-radio{
                transition: all 300ms;
              }
               .page-content .form-maker-form .custom-radio input[type=radio]{
                width: 100%;
                height: 100%;
              }
                .page-content .form-maker-form .custom-radio.active{
                  border-color: #000000;
                }
                 .page-content .form-maker-form .radio.disabled,
                 .page-content .form-maker-form select.disabled{
                  opacity: 0.5;
                }
           
           .custom-radio input[type=radio]:checked+span{
              width: 16px;
              height: 16px;
              background-color: #000000;
              top: 0;
              left: 0;
           }
           input[type=radio]:checked > form.form-maker-form .custom-radio{
            border-color: #000000;
           }
            .custom-radio input[type=radio]:checked+span:before{
              position: absolute;
              content: "✓";
              color: #FFF;
              font-weight: bold;
              top: -1px;
              left: 2px;
            }
                .start-again{
                  display: inline-block;
                  display: none;
                  width: 100%;
                  margin-top: 25px;
                }
                  .start-again img{
                    width: 15px;
                  }

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap');
body.cms-id-2 #wrapper{
  margin: 0 !important;
  padding-top: 3em;
  background-color: #000;
}
body.cms-id-2 #wrapper .container:first-child{
  max-width: inherit !important;
  width: 100% !important;
}
  body.cms-id-2 #wrapper .page-content{
    background-color: #000;
    font-family: 'Inter', sans-serif;
  }
    body.cms-id-2 #wrapper .page-header h1, body.cms-id-3 #wrapper .page-header h1{
      padding: 0.5em 0;
      font-size: 80px;
      font-weight: 900;
      font-style: italic;
      color: #FFF;
      text-align: center;
      text-transform: uppercase;
    }
      body.cms-id-2 #wrapper .page-content .locales{
          text-align:center;
      }
        body.cms-id-2 #wrapper .page-content .locales .local:nth-child(3){
            float: none;
            display: inline-block;
        }
      body.cms-id-2 #wrapper .page-content .local{
        padding: 0;
      }
        body.cms-id-2 #wrapper .page-content .local h3{
          opacity: 0;
          transform: scale(0.5);
          transition: all 500ms;
          position: absolute;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 90%;
          height: 90%;
          top: 0;
          left: 0;
          text-align: center;
          font-weight: 900;
          color: #000000;
          text-transform: uppercase;
          text-shadow: 1px 1px 2px #000;
          font-size: 3em;
          border: 2px dotted #000000;
          border-style: dotted;
          margin: 3% 5%;
        }
          body.cms-id-2 #wrapper .page-content .local:hover h3{
            opacity: 1;
            transform: scale(1);
          }
        body.cms-id-2 #wrapper .page-content .local img{
          filter: grayscale(100%);
          transition: all 500ms;
        }
          body.cms-id-2 #wrapper .page-content .local:hover img{
            filter: grayscale(0);
          }
    body#cms.cms-id-2 .page-content p{
      margin: 0;
    }
      body#cms.cms-id-2 form.form-maker-form{
        background-color: #000;
        text-align: left;
        margin-top: 0;
        margin-left: 12.5%;
      }
        body#cms.cms-id-2 form.form-maker-form .page-subheading{
          display: none;
        }
        body#cms.cms-id-2 form.form-maker-form h2, body#cms.cms-id-2 form.form-maker-form h3, body#cms.cms-id-2 form.form-maker-form h4{
          font-family: 'Inter', sans-serif;
          font-weight: 900;
          font-style: italic;
          color: #FFF;
        }
          body#cms.cms-id-2 form.form-maker-form h3{
            margin: 25px 0;
            text-align: center;
          }
            body#cms.cms-id-2 form.form-maker-form h3.post-zocalo{
                font-size: 21px;
                margin-top: 5em;
            }
          body#cms.cms-id-2 form.form-maker-form h4{
            font-family: 'Arvo', serif;
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
          }
            body#cms.cms-id-2 form.form-maker-form h4 strong{
              font-weight: 800;
            }
            body#cms.cms-id-2 form.form-maker-form h4 span {
                display: inline-block;
                width: 100%;
                margin-bottom: 20px;
            }
                body#cms.cms-id-2 form.form-maker-form h4 span img{
                    max-width: inherit;
                }
        body#cms.cms-id-2 form.form-maker-form p{
            font-family: 'Inter',sans-serif;
            font-size: 1.2em;
            font-weight: 500;
            /*font-style: italic;*/
            color: #FFF;
            text-align: justify;
            line-height: 1.5em;
            margin-top: 10px;
        }
        body#cms.cms-id-2 .page-content .form-maker-form .form-group .form-control{
          width: 80%;
          margin: 5px 10%;
          font-family: 'Inter', sans-serif;
          background-color: #000;
          color: #FFF;
          border: 2px solid #FFF;
          border-radius: 0px;
        }
          body#cms.cms-id-2 .page-content .form-maker-form .form-footer{
            display: block;
          }
            body#cms.cms-id-2 .page-content .form-maker-form .form-footer #fmSubmit{
              background-color: #000;
              color: #FFF;
              border: 2px solid #FFF;
              transition: all 400ms;
            }
              body#cms.cms-id-2 .page-content .form-maker-form .form-footer #fmSubmit:hover{
                background-color: #FFF;
                color: #000;
              }
              body#cms.cms-id-2 .page-content .form-maker-form .rte{
                  text-align: center;
                  border: 0;
              }
              body#cms.cms-id-2 .page-content .form-maker-form blockquote {
                  display: inline-block;
                  width: 33%;
                  padding: 10px 20px;
                  text-align: center;
                  vertical-align: top;
              }
              
              body#cms.cms-id-2 .page-content .logosContainer{
                position: relative;
                min-height: 200px;
              }
                body#cms.cms-id-2 .page-content .logosContainer h2{
                    padding: .5em 0;
                    font-size: 30px;
                    font-weight: 900;
                    font-style: italic;
                    color: #FFF;
                    text-align: center;
                    text-transform: uppercase;
                }
                body#cms.cms-id-2 .page-content .logosContainer .logos{
                    position: absolute;
                    width: calc(100% + 3rem);
                    left: 0;
                    background-color: #FFF;
                    margin-left: -1.25rem;
                }
                 body#cms.cms-id-2 .page-content .pos_logo .owl-nav>div.owl-prev{
                     left: 0;
                 }
                 body#cms.cms-id-2 .page-content .pos_logo .owl-nav>div.owl-next{
                     right: 10px;
                 }
.page-content .form-maker-form .form-group .form-control.error {
    background-color: #ffdada;
}
  .page-content .form-maker-form .form-group .form-control.error::placeholder {
    color: #FFF;
  }

  .page-content .form-maker-form input[type='date']{
    text-transform: uppercase;
  }

  #element_3_selectInput{
    height: 40px;
  }  

  .icon-cancel{
    cursor: pointer;
  }