.contact { font-family: "Santral-Medium"; display: flex; justify-content: center; position: fixed; background-color: #fff; width: 100vw; height: 100vh; overflow-y: auto; z-index: 999; }
.contact > section { position: relative; top: 150px; width: 1200px; letter-spacing: -0.05em; margin-bottom: 2em; }
.contact > section hr { border: 0.03em solid #ccc; }
.contact > section > h1 { position: relative; font-family: "Santral-UltraItalic"; letter-spacing: -1.25px; font-size: 200%; margin: 0; }
.contact > section > h1 .bt-close { position: absolute; bottom: 0.4em; right: 0; }
.contact > section .col2 { display: flex; }
.contact > section .col2 > div { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.contact > section .col2 > div .imgAbout { width: 100%; }
.contact > section .col2 > div h1, .contact > section .col2 > div p { text-align: center; margin: 0 30px 30px 30px; }
.contact > section .col2 > div button { width: 150px; height: 3em; margin: 1em 0 4em 0; background-color: #0063be; color: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); font-size: 1em; font-weight: bold; }
.contact > section .col2 > div button:hover { position: relative; background-color: #333; border: 2px solid #333; box-shadow: none; top: 1px; }
.contact > section > .info { overflow: hidden; display: flex; }
.contact > section > .info > .details { overflow: hidden; flex: 1; }
.contact > section > .info > .details h3 { margin: 0; font-family: "Santral-Light"; }
.contact > section > .info > .details p { line-height: 0.5em; font-family: "Santral-Light"; }
.contact > section > .info #map { position: relative; overflow: hidden; margin: 25px 0 15px 0; height: 420px; flex: 2; -webkit-animation: googleMap 1s; text-rendering: optimizeLegibility; }
.contact > section > .info #map .logoMaps { margin-top: 5px; width: 200px; background-color: black; }
.contact > section > .info button { width: 150px; height: 3em; margin-top: 1em; background-color: #0063be; color: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); font-size: 1em; font-weight: bold; }
.contact > section > .info button:hover { position: relative; background-color: #333; border: 2px solid #333; box-shadow: none; top: 1px; }
.contact > section #formContact { font-family: "Santral-Medium"; display: flex; flex-direction: row; margin-bottom: 100px; flex-wrap: wrap; justify-content: space-between; line-height: 2em; }
.contact > section #formContact > * { flex-basis: 100%; }
.contact > section #formContact > div { display: flex; flex-direction: column; flex-basis: 45%; }
.contact > section #formContact label { font-weight: bold; margin-top: 1em; line-height: 2em; }
.contact > section #formContact input, .contact > section #formContact textarea { font-family: "Santral-Medium"; font-size: 1em; text-indent: 1em; height: 3em; border: 1px solid #ccc; }
.contact > section #formContact textarea { resize: none; height: 10em; }
.contact > section #formContact .privacity { display: flex; flex-direction: row; flex-basis: 100%; }
.contact > section #formContact .privacity input[type=checkbox] { flex-basis: auto; width: 20px; height: 20px; margin-top: 1em; }
.contact > section #formContact .privacity span { flex-basis: 100%; margin: 0.55em; }
.contact > section #formContact button { flex-basis: 125px; height: 3em; margin-top: 1em; background-color: #0063be; color: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); font-size: 1em; font-weight: bold; }
.contact > section #formContact button:hover { position: relative; background-color: #333; border: 2px solid #333; box-shadow: none; top: 1px; }
.contact #formSendBudget { font-family: "Santral-Medium"; display: flex; flex-direction: row; margin-bottom: 100px; flex-wrap: wrap; justify-content: space-between; font-size: 0.9em; }
.contact #formSendBudget > * { flex-basis: 100%; }
.contact #formSendBudget > div { display: flex; flex-direction: column; flex-basis: 45%; }
.contact #formSendBudget label { font-weight: bold; margin-top: 1em; line-height: 2em; }
.contact #formSendBudget input, .contact #formSendBudget textarea { font-family: "Santral-Medium"; font-size: 1em; text-indent: 1em; height: 3em; border: 1px solid #ccc; }
.contact #formSendBudget textarea { resize: none; height: 10em; }
.contact #formSendBudget .privacity { display: flex; flex-direction: row; }
.contact #formSendBudget .privacity input[type=checkbox] { flex-basis: auto; width: 20px; height: 20px; margin-top: 1em; }
.contact #formSendBudget .privacity span { flex-basis: 100%; margin: 0.55em; }
.contact #formSendBudget button { width: 125px; height: 3em; margin-top: 1em; background-color: #0063be; color: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); font-size: 1em; font-weight: bold; }
.contact #formSendBudget button:hover { position: relative; background-color: #333; border: 2px solid #333; box-shadow: none; top: 1px; }
.contact .listSendBudget { padding: 0; background-color: #fff; overflow: hidden; transition: 0.1s ease-out; }
.contact .listSendBudget.active { min-height: auto; max-height: 75%; overflow-y: auto; transition: 0.1s ease-out; }
.contact .listSendBudget > div { display: flex; align-items: center; justify-content: space-evenly; border-bottom: 1px solid #e6e7e7; }
.contact .listSendBudget > div > * { padding: 1em; }
.contact .listSendBudget > div > img { width: 100px; }
.contact .listSendBudget > div > div { flex: 1; display: flex; flex-direction: column; }
.contact .listSendBudget > div > div .fab { font-size: 0.8em; }
.contact .listSendBudget > div > div .model { font-size: 1.4em; font-family: "Santral-Medium"; }
.contact .listSendBudget > div > div .quantity span { font-size: 1.2em; color: #0063be; }
.contact .listSendBudget .editBudget { background-color: #ededed; padding: 1em; color: #0063be; font-weight: bold; border: 0; font-size: 1em; font-family: santral-Medium; color: #0063be; }
.contact .listSendBudget .editBudget:hover { color: #000; }
.contact .listSendBudget .subtotal { padding: 1em 0; font-size: 1em; font-family: santral-Medium; font-weight: bold; }
.contact .error { outline: 1px solid #0063be; background-color: #a0d6b6; }
.contact .errorTxt { color: #0063be; margin-top: 0; font-weight: normal; }
.contact .inpspm { display: none; }
.contact .loadingSend { background: url("../images/loading.svg") no-repeat right 15px top 10px; background-color: #FFC107; background-size: 30px 30px; width: 160px; text-align: left; text-indent: 13px; transition: 0.5s; }

@media screen and (max-width: 1100px) { section { width: 100vw !important; margin: 0 2em; /* Cambia posicion div en flex*/ }
  section .info { flex-direction: column; }
  section .col2 { flex-direction: column; }
  section .col2 > div p { margin-left: 0px !important; }
  section .col2 > div img { margin-bottom: 30px; }
  section .alternDiv div:nth-of-type(1) { order: 2; }
  section .alternDiv div:nth-of-type(2) { order: 1; } }
@media screen and (max-width: 480px) { section form > div { flex-basis: 100% !important; } }

/*# sourceMappingURL=contact.css.map */