/*Importamos Fuentes, Mixins y Variables*/
/* Animations */
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
/*Scale animation*/
@-webkit-keyframes scale { 25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  75% { -webkit-transform: scale(1.05); transform: scale(1.05); } }
@keyframes scale { 25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  75% { -webkit-transform: scale(1.05); transform: scale(1.05); } }
body { background: transparent !important; overflow-x: hidden; }

.bdf-search-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6rem; }

.search-form { width: 70%; margin-bottom: 3rem; }

.form-row { margin-bottom: 2rem; position: relative; }
.form-row.right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.form-row input { border: 1px solid #6B198D; padding: 10px 20px; font-family: 'AncizarSans-Regular'; font-size: 20px; width: 100%; }
.form-row input::-webkit-input-placeholder { font-size: 19px; color: #AFB0B0; }
.form-row input:-ms-input-placeholder { font-size: 19px; color: #AFB0B0; }
.form-row input::-ms-input-placeholder { font-size: 19px; color: #AFB0B0; }
.form-row input::placeholder { font-size: 19px; color: #AFB0B0; }
.form-row button { position: absolute; right: 0; height: 100%; padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background: #6B198D; top: 0; }
.form-row button i { color: #FFFFFF; font-size: 1.2rem; }
.form-row select { margin-left: 2rem; font-family: 'AncizarSans-Regular'; font-size: 18px; background-color: #E1E1E1; padding: 10px 15px; width: 200px; border: 1px solid #AFB0B0; border-radius: 0.25rem; }
.form-row label { font-size: 1.2rem; }

@media screen and (max-width: 40em) { .bdf-search-bar { margin-top: 3rem; }
  .search-form { width: 100%; padding: 25px; margin-bottom: 2rem; }
  .form-row input { padding: 10px 10px 6px; font-size: 16px; }
  .form-row button i { font-size: 1.5rem; }
  .form-row.right { margin: 0; }
  .form-row label { font-size: 1.8rem; margin: 0; }
  .form-row select { padding: 8px 10px 6px; } }