/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./assets/scss/frontend.scss ***!
  \****************************************************************************************************************************************************************************/
@font-face {
  font-family: 'ITC Cnd';
  src: url(../../9ce070f55f01b0abf1d8.eot);
  src: url(../../9ce070f55f01b0abf1d8.eot?#iefix) format("embedded-opentype"), url(../../52a03b977b1a87240268.woff2) format("woff2"), url(../../47af388317c1a2dcbebc.woff) format("woff"), url(../../9c71049d516ec39ceedb.ttf) format("truetype"), url(../../5cd7d261223aaa3903bd.svg#ITCAvantGardeStd-BkCnObl) format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'ITC Std';
  src: url(../../6bab925f48ce86961644.eot);
  src: url(../../6bab925f48ce86961644.eot?#iefix) format("embedded-opentype"), url(../../d0f2b817911ef0bb6dfc.woff2) format("woff2"), url(../../5a3e00cef72e9fdae8ca.woff) format("woff"), url(../../9b7ee422a5cd6231e570.ttf) format("truetype"), url(../../5f517246f851ebf61643.svg#ITCAvantGardeStd-Bold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'ITC Cnd';
  src: url(../../365801bf082f976f56af.eot);
  src: url(../../365801bf082f976f56af.eot?#iefix) format("embedded-opentype"), url(../../73646832018f1640881d.woff2) format("woff2"), url(../../60beb41079b640c57268.woff) format("woff"), url(../../bcfa3d139f86549601fa.ttf) format("truetype"), url(../../45ac5ff2b89569c98fa7.svg#ITCAvantGardeStd-BoldCnObl) format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'ITC Std';
  src: url(../../15bdaeab7344d4e0c65c.eot);
  src: url(../../15bdaeab7344d4e0c65c.eot?#iefix) format("embedded-opentype"), url(../../902bc2a3fbfaaa99d555.woff2) format("woff2"), url(../../85555dc91af40df59950.woff) format("woff"), url(../../e420a48be3e4961f7c58.ttf) format("truetype"), url(../../f3cb88a233d3773c1471.svg#ITCAvantGardeStd-Bk) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'ITC Cnd';
  src: url(../../24abca71628d97ba79da.eot);
  src: url(../../24abca71628d97ba79da.eot?#iefix) format("embedded-opentype"), url(../../f9cfb170984e22f04f50.woff2) format("woff2"), url(../../2a4a12e1e82974a2d329.woff) format("woff"), url(../../7ca1a20e3d23cab4b250.ttf) format("truetype"), url(../../31981ef1aa6a8775c228.svg#ITCAvantGardeStd-BoldCn) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'ITC Cnd';
  src: url(../../88aac76cf8c49c64849b.eot);
  src: url(../../88aac76cf8c49c64849b.eot?#iefix) format("embedded-opentype"), url(../../a058507935bed0c6001b.woff2) format("woff2"), url(../../d890bdd20c67587a05a6.woff) format("woff"), url(../../7ec3f7835c4d4cfbba59.ttf) format("truetype"), url(../../ca190fb7110c6e18f161.svg#ITCAvantGardeStd-BkCn) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'ITC Std';
  src: url(../../f724896f2d5928acd3df.eot);
  src: url(../../f724896f2d5928acd3df.eot?#iefix) format("embedded-opentype"), url(../../d1f424f6406f660ae598.woff2) format("woff2"), url(../../006fce19c54ecc718fe2.woff) format("woff"), url(../../e278211747c39cd6d5c4.ttf) format("truetype"), url(../../3c30f023b9dc134703bd.svg#ITCAvantGardeStd-BkObl) format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'ITC Std';
  src: url(../../87d0bf90bba006b34d0f.eot);
  src: url(../../87d0bf90bba006b34d0f.eot?#iefix) format("embedded-opentype"), url(../../469b1c7ab560894f7a33.woff2) format("woff2"), url(../../e47e766c47755b6a75a9.woff) format("woff"), url(../../8f59edfef622986c1b8b.ttf) format("truetype"), url(../../24425d07318cb2f1cb7c.svg#ITCAvantGardeStd-BoldObl) format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'ITC Std';
  src: url(../../8ed6e699ae6ee40226f4.eot);
  src: url(../../8ed6e699ae6ee40226f4.eot?#iefix) format("embedded-opentype"), url(../../3f10bff6578d1f9343db.woff2) format("woff2"), url(../../cf5ce940c87a6ce7acf6.woff) format("woff"), url(../../12b92d45c61a52ebb195.ttf) format("truetype"), url(../../74b7e68bd2679c5527ef.svg#ITCAvantGardeStd-MdObl) format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'ITC Cnd';
  src: url(../../e9e9239f919f24ef231e.eot);
  src: url(../../e9e9239f919f24ef231e.eot?#iefix) format("embedded-opentype"), url(../../c20b929de8ac68a312ad.woff2) format("woff2"), url(../../f02a4293a9a4a8ccfb37.woff) format("woff"), url(../../1b69d096f3c68f9029f7.ttf) format("truetype"), url(../../3227dff0349f073d3731.svg#ITCAvantGardeStd-DemiCn) format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'ITC Cnd';
  src: url(../../b647a49ff3b09b5b43b0.eot);
  src: url(../../b647a49ff3b09b5b43b0.eot?#iefix) format("embedded-opentype"), url(../../2cc07ef76a16c42b1f9a.woff2) format("woff2"), url(../../a5cd783d7d2daedb1df5.woff) format("woff"), url(../../47a0096e924f3dfca275.ttf) format("truetype"), url(../../b18d9933946a7649069f.svg#ITCAvantGardeStd-XLtCn) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'ITC Std';
  src: url(../../1e47f4bfaeb051ad8515.eot);
  src: url(../../1e47f4bfaeb051ad8515.eot?#iefix) format("embedded-opentype"), url(../../15c1bbbdfa7c8988ad07.woff2) format("woff2"), url(../../4f74895327b8300b8f54.woff) format("woff"), url(../../ca5879630d7eecfd41eb.ttf) format("truetype"), url(../../346f06a2c68e36e047b4.svg#ITCAvantGardeStd-Demi) format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'ITC Std';
  src: url(../../2f60a28f02df8cfeb2dc.eot);
  src: url(../../2f60a28f02df8cfeb2dc.eot?#iefix) format("embedded-opentype"), url(../../22a7aa400771dd5213ba.woff2) format("woff2"), url(../../5e27ae9052ecc1fbe76b.woff) format("woff"), url(../../82b161a7de82bff2cebf.ttf) format("truetype"), url(../../1901984db12007f16298.svg#ITCAvantGardeStd-XLt) format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'ITC Cnd';
  src: url(../../c01219e9d01b109d852c.eot);
  src: url(../../c01219e9d01b109d852c.eot?#iefix) format("embedded-opentype"), url(../../fe15f83aecd556ac6929.woff2) format("woff2"), url(../../8d3c62247cc76128cb68.woff) format("woff"), url(../../dc3dfb3a13a987fd68ae.ttf) format("truetype"), url(../../fe76ff4538e1563b2cc2.svg#ITCAvantGardeStd-MdCnObl) format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'ITC Std';
  src: url(../../c9c3bca8fe0e186d106a.eot);
  src: url(../../c9c3bca8fe0e186d106a.eot?#iefix) format("embedded-opentype"), url(../../bb3d074783abdd701a05.woff2) format("woff2"), url(../../375602ed32381542324f.woff) format("woff"), url(../../3db6c66cbf1f2ef4185c.ttf) format("truetype"), url(../../2e9f20043e39b3241f4f.svg#ITCAvantGardeStd-XLtObl) format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'ITC Std';
  src: url(../../81f41bfd6e0f6b51e3b6.eot);
  src: url(../../81f41bfd6e0f6b51e3b6.eot?#iefix) format("embedded-opentype"), url(../../8df83a3f3137c9535f35.woff2) format("woff2"), url(../../78c0fa674a559dd82494.woff) format("woff"), url(../../cc952fb6c3c25b4ee44f.ttf) format("truetype"), url(../../43022ab0958622a873a3.svg#ITCAvantGardeStd-Md) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'ITC Std';
  src: url(../../3dabe526e9d08ba41dd1.eot);
  src: url(../../3dabe526e9d08ba41dd1.eot?#iefix) format("embedded-opentype"), url(../../11b47092f60bd4cca1b9.woff2) format("woff2"), url(../../b9be262e125e5a2ee34b.woff) format("woff"), url(../../6ae1f11c7cf7118abab4.ttf) format("truetype"), url(../../993b6f7290abd54903a8.svg#ITCAvantGardeStd-DemiObl) format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'ITC Cnd';
  src: url(../../636305a439694bd86bef.eot);
  src: url(../../636305a439694bd86bef.eot?#iefix) format("embedded-opentype"), url(../../fa57d10c520b41523f0c.woff2) format("woff2"), url(../../f26ab5cb473fde27c074.woff) format("woff"), url(../../ecb501315778ae24b5e9.ttf) format("truetype"), url(../../a5f0d68c77075aaf860a.svg#ITCAvantGardeStd-DemiCnObl) format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'ITC Cnd';
  src: url(../../ae9882b561854587613d.eot);
  src: url(../../ae9882b561854587613d.eot?#iefix) format("embedded-opentype"), url(../../c0439137b544d0ac9edf.woff2) format("woff2"), url(../../968c07c9c5ac58367285.woff) format("woff"), url(../../b5ea0dd9e167c910ade5.ttf) format("truetype"), url(../../74d26f77cbe062dd57c9.svg#ITCAvantGardeStd-XLtCnObl) format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'ITC Cnd';
  src: url(../../f7c5b3a0d463451b96c2.eot);
  src: url(../../f7c5b3a0d463451b96c2.eot?#iefix) format("embedded-opentype"), url(../../215bd6b23adb501e3407.woff2) format("woff2"), url(../../88409a97347bde2c1e4f.woff) format("woff"), url(../../8e148735fecd41c8d4f2.ttf) format("truetype"), url(../../3607f897c5dbcdc360f5.svg#ITCAvantGardeStd-MdCn) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

.h1 {
  font-family: "ITC Std";
  font-weight: 600;
  font-size: clamp(4.5rem, 7vw, 7.5rem);
  line-height: 94%;
  letter-spacing: -0.04em;
  margin: 0;
}

@media (max-width: 540px) {
  .h1 {
    font-size: 42px;
    line-height: 103%;
  }
}

.h2 {
  font-family: "ITC Std";
  font-weight: 600;
  font-size: clamp(1.6rem, 2vw, 2.625rem);
  line-height: 49.14px;
  letter-spacing: -0.03em;
  margin: 0;
}

@media (max-width: 1024px) {
  .h2 {
    line-height: 33.14px;
  }
}

@media (max-width: 540px) {
  .h2 {
    font-size: 24px;
    line-height: 28px;
  }
}

p {
  font-family: "ITC Std";
  font-size: 16px;
  line-height: 172%;
  font-weight: 300;
  margin: 0 0 35px 0;
}

@media (max-width: 540px) {
  p {
    font-size: 14px;
    line-height: 172%;
    margin: 0 0 20px 0;
  }
}

strong {
  font-weight: 600;
}

.cta {
  font-family: "ITC Std";
  font-weight: 600;
  font-size: 16px;
  line-height: 172%;
}

@media (max-width: 540px) {
  .cta {
    font-size: 14px;
  }
}

small {
  font-family: "ITC Std";
  font-weight: 600;
  font-size: 14px;
  line-height: 193%;
}

@media (max-width: 540px) {
  small {
    font-size: 14px;
    line-height: 172%;
  }
}

ul {
  list-style-type: none;
}

.black-section {
  background-color: #282828;
  color: #F2F2F2;
}

.black-section .line {
  background-color: #F2F2F2;
  height: 1px;
  width: 100%;
  margin-top: 48px;
}

@media (max-width: 1024px) {
  .black-section .line {
    margin-top: 30px;
  }
}

.black-section .line.orange {
  background-color: #E15A40;
}

.white-section {
  background-color: #F2F2F2;
}

.white-section .line {
  background-color: #282828;
  height: 1px;
  width: 100%;
  margin-top: 48px;
}

@media (max-width: 1024px) {
  .white-section .line {
    margin-top: 30px;
  }
}

.white-section .line.orange {
  background-color: #E15A40;
}

section {
  padding: 30px;
  position: relative;
  z-index: 1;
}

@media (max-width: 540px) {
  section {
    padding: 30px 15px;
  }
}

.orange {
  color: #E15A40;
}

.line {
  margin-bottom: 48px;
  position: relative;
}

@media (max-width: 1024px) {
  .line {
    margin-bottom: 30px;
  }
}

.line:after {
  height: 1px;
  width: 100%;
  background-color: #E15A40;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(-50%);
  z-index: 1;
}

.no-padding {
  padding: 0;
}

.btn {
  width: 282px;
  height: 54px;
  border-radius: 60px;
  background-color: #C04B3E;
  position: relative;
  text-align: center;
  display: block;
  position: relative;
  overflow: hidden;
  will-change: transform;
}

@media (max-width: 540px) {
  .btn {
    width: 218px;
    margin-left: auto;
    margin-right: auto;
  }
}

.btn:hover .dark {
  border-radius: 60px;
  transform: translateX(-100%);
}

.gray-btn {
  width: 282px;
  height: 54px;
  border-radius: 60px;
  background-color: #4B4B4B;
  position: relative;
  text-align: center;
  display: block;
  position: relative;
  overflow: hidden;
  will-change: transform;
}

@media (max-width: 540px) {
  .gray-btn {
    width: 218px;
  }
}

.gray-btn a.link-btn {
  color: #F2F2F2;
  line-height: 54px;
  position: absolute;
  top: 52%;
  left: 50%;
  font-weight: 600;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  border-radius: 60px;
}

.gray-btn:hover .black-btn {
  border-radius: 60px;
  transform: translateX(-100%);
}

.dark {
  background-color: #E15A40;
  border-radius: 60px;
  width: 282px;
  height: 54px;
  overflow: hidden;
  transition: all 0.5s ease;
}

.white {
  color: #F2F2F2 !important;
}

a.link-btn {
  color: #282828;
  line-height: 54px;
  position: absolute;
  top: 52%;
  left: 50%;
  font-weight: 600;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 60px;
}

button {
  color: #282828;
  line-height: 54px;
  position: absolute;
  top: 52%;
  left: 50%;
  font-weight: 600;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  background-color: transparent;
  border: 0;
  border-radius: 60px;
  cursor: pointer;
}

.black-btn {
  background-color: #282828;
  border-radius: 60px;
  width: 282px;
  height: 54px;
  overflow: hidden;
  transition: all 0.5s ease;
}

.border-section {
  border-radius: 0 0 30px 30px;
}

.input-text {
  display: block;
  background: #4B4B4B;
  border-radius: 30px;
  width: 100%;
  border: 0;
  height: 54px;
  padding: 0 20px;
  margin: 10px 0px 44px;
  box-sizing: border-box;
  color: #E15A40;
  font-family: "ITC Std";
  font-size: 16px;
  font-weight: 300;
}

@media (max-width: 540px) {
  .input-text {
    font-size: 14px;
    height: 40px;
  }
}

.input-text::placeholder {
  color: rgba(242, 242, 242, 0.3);
  font-family: "ITC Std";
  font-size: 16px;
  font-weight: 300;
}

@media (max-width: 540px) {
  .input-text::placeholder {
    font-size: 14px;
  }
}

textarea {
  display: block;
  background: #4B4B4B;
  border-radius: 30px;
  width: 100%;
  border: 0;
  height: 266px;
  padding: 17px 20px;
  margin: 10px 0px 44px;
  box-sizing: border-box;
  color: #E15A40;
  font-family: "ITC Std";
  font-size: 16px;
  font-weight: 300;
}

@media (max-width: 540px) {
  textarea {
    font-size: 14px;
  }
}

textarea::placeholder {
  font-size: 16px;
  font-weight: 300;
  font-family: "ITC Std";
}

@media (max-width: 540px) {
  textarea::placeholder {
    font-size: 14px;
  }
}

#veil {
  background-color: #282828;
  opacity: 0.7;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
}

#veil.active {
  display: block;
}

/* The container must be positioned relative: */
.select label {
  position: relative;
  z-index: 3;
  margin-bottom: 10px;
}

.select {
  position: relative;
  font-family: "ITC Std";
}

.select select {
  display: none;
  /*hide original SELECT element: */
}

.select-selected {
  background-color: #4B4B4B;
  font-size: 16px;
  font-weight: 300;
}

@media (max-width: 540px) {
  .select-selected {
    font-size: 14px;
  }
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: url(../../dc4180a0ed266e7ddde7.svg);
  top: 37px;
  right: 16px;
  width: 0;
  height: 0;
  transform: rotate(-180deg);
}

@media (max-width: 540px) {
  .select-selected:after {
    top: 33px;
  }
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #F2F2F2 transparent;
  top: 37px;
}

/* style the items (options), including the selected item: */
.select-items div {
  padding: 5px 16px;
  border: 1px solid transparent;
  cursor: pointer;
}

.select-selected {
  padding: 17px 16px 13px;
  border: 1px solid transparent;
  cursor: pointer;
  position: relative;
  z-index: 5;
  margin-bottom: 41px;
  margin-top: 10px;
}

@media (max-width: 540px) {
  .select-selected {
    padding: 13px 16px 13px;
  }
}

.select-selected.disabled {
  color: rgba(242, 242, 242, 0.3);
}

.select-selected {
  border-radius: 30px;
  color: #E15A40;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #4B4B4B;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 50px 0 10px;
  top: 33px;
  z-index: 4;
  border-radius: 30px;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  color: #E15A40;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}

a {
  display: block;
  height: 100%;
  border-radius: 30px;
}

body {
  margin: 0;
  padding: 0 0px;
  opacity: 0;
  font-family: sans-serif;
  font-style: normal;
  transition: all 1s ease;
  color: #282828;
  overflow-x: hidden;
  outline: none !important;
  transition: opacity 1s ease;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #E15A40;
  font-size: 16px;
  overscroll-behavior-y: none;
}

main {
  background-color: #E15A40;
  width: 100%;
  opacity: 1;
  transform-origin: center 110vh;
  position: relative;
  z-index: 1;
  transition: all 0.4s ease;
}

@media (max-width: 1024px) {
  main {
    width: 100%;
  }
}

main.disminuir {
  transform: translate3d(0px, 0vh, 0px) scale(0.97);
  transform-origin: center calc(100% - 500px);
}

@media (max-width: 540px) {
  main.disminuir {
    transform: translate3d(0px, 0vh, 0px) scale(0.93);
  }
}

a[href^="tel"] {
  color: inherit;
  /* Inherit text color of parent element. */
  text-decoration: none;
  /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: fixed;
  padding: 30px;
  box-sizing: border-box;
  z-index: 99;
}

@media (max-width: 540px) {
  header {
    padding: 15px;
  }
}

header .logo {
  display: grid;
  align-content: center;
  border-radius: 30px;
  height: 54px;
  background-color: #4B4B4B;
  width: 255px;
}

@media (max-width: 768px) {
  header .logo {
    height: 40px;
    width: 230px;
  }
}

@media (max-width: 540px) {
  header .logo {
    height: 40px;
    width: 171px;
  }
}

header .logo svg {
  height: 14.86px;
  width: auto;
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  header .logo svg {
    height: 11.95px;
  }
}

header .logo svg path {
  fill: #F2F2F2;
}

@media (max-width: 768px) {
  header .menu-div {
    display: grid;
  }
  header .menu-div .menu-main-menu-container {
    display: none;
  }
  header .menu-div .mobile-menu {
    display: block;
    width: 122px;
    border-radius: 30px;
    height: 40px;
    line-height: 42px;
    font-family: "ITC Std";
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    transition: all 0.3s ease;
    color: #F2F2F2;
    background-color: #4B4B4B;
    align-self: center;
  }
}

@media (max-width: 768px) and (max-width: 540px) {
  header .menu-div .mobile-menu {
    height: 40px;
    width: 107px;
  }
}

header .menu-div .menu {
  display: flex;
  justify-content: space-around;
  padding: 7px;
  background-color: #4B4B4B;
  border-radius: 30px;
  margin: 0;
  transition: all 0.3s ease;
}

header .menu-div .menu li {
  width: 122px;
  border-radius: 30px;
  height: 40px;
  line-height: 40px;
  font-family: "ITC Std";
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  transition: all 0.3s ease;
}

header .menu-div .menu li a {
  color: #F2F2F2;
  transition: all 0.3s ease;
}

header .menu-div .menu li:hover {
  background-color: #E15A40;
}

header .menu-div .menu .current-menu-item {
  background-color: #282828;
}

header .mobile-menu-div.active {
  left: 0;
}

header .mobile-menu-div {
  display: none;
  position: fixed;
  z-index: 100;
  background-color: #E15A40;
  height: 100vh;
  width: 100%;
  top: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
  left: -100%;
  transition: all 0.5s ease;
}

@media (max-width: 768px) {
  header .mobile-menu-div {
    display: grid;
  }
}

header .mobile-menu-div .close {
  padding: 30px 20px;
}

header .mobile-menu-div .close img {
  margin-left: auto;
  display: block;
}

header .mobile-menu-div .menu-main-menu-container {
  display: block;
  justify-content: space-around;
  padding: 7px;
  border-radius: 30px;
  margin: 0;
  transition: all 0.3s ease;
  align-self: center;
}

header .mobile-menu-div .menu-main-menu-container ul {
  padding: 0;
}

header .mobile-menu-div .menu-main-menu-container li {
  width: 122px;
  border-radius: 30px;
  height: 40px;
  line-height: 42px;
  font-family: "ITC Std";
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  transition: all 0.3s ease;
  margin: 20px auto;
  background-color: #282828;
}

header .mobile-menu-div .menu-main-menu-container li a {
  color: #F2F2F2;
  transition: all 0.3s ease;
}

header .mobile-menu-div .menu-footer-mobile .logo-mobile {
  text-align: center;
}

header .mobile-menu-div .menu-footer-mobile .logo-mobile svg {
  margin: 20px auto;
}

header .mobile-menu-div .menu-footer-mobile .address {
  text-align: center;
  color: #282828 !important;
}

header .mobile-menu-div .menu-footer-mobile .address p {
  font-weight: 600;
  font-size: 10px;
  line-height: 193%;
}

header .mobile-menu {
  display: none;
}

header.black {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: fixed;
  padding: 30px;
  box-sizing: border-box;
}

@media (max-width: 540px) {
  header.black {
    padding: 15px;
  }
}

header.black .logo {
  display: grid;
  align-content: center;
  border-radius: 30px;
  height: 54px;
  background-color: #D1D6D3;
  width: 255px;
}

@media (max-width: 768px) {
  header.black .logo {
    height: 40px;
    width: 230px;
  }
}

@media (max-width: 540px) {
  header.black .logo {
    height: 40px;
    width: 171px;
  }
}

header.black .logo svg {
  height: 14.86px;
  width: auto;
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  header.black .logo svg {
    height: 11.95px;
  }
}

header.black .logo svg path {
  fill: #282828;
  transition: all 0.3s ease;
}

header.black .menu-div .mobile-menu {
  display: none;
  width: 122px;
  border-radius: 30px;
  height: 40px;
  line-height: 42px;
  font-family: "ITC Std";
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  transition: all 0.3s ease;
  color: #282828;
  background-color: #D1D6D3;
}

@media (max-width: 768px) {
  header.black .menu-div .mobile-menu {
    display: block;
    height: 40px;
    width: 107px;
  }
}

header.black .menu-div .menu {
  display: flex;
  justify-content: space-around;
  padding: 7px;
  background-color: #D1D6D3;
  border-radius: 30px;
  margin: 0;
  transition: all 0.3s ease;
}

header.black .menu-div .menu li {
  width: 122px;
  border-radius: 30px;
  height: 40px;
  line-height: 40px;
  font-family: "ITC Std";
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  transition: all 0.3s ease;
}

header.black .menu-div .menu li a {
  color: #282828;
  transition: all 0.3s ease;
}

header.black .menu-div .menu li:hover {
  background-color: #E15A40;
}

header.black .menu-div .menu .current-menu-item {
  background-color: #F2F2F2;
}

footer {
  font-family: "ITC Std";
  height: 450px;
  background-color: #E15A40;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  footer {
    display: block;
    height: 100%;
  }
}

footer a {
  color: #282828 !important;
}

footer .total-footer {
  opacity: 0;
  z-index: 0;
  position: fixed;
  bottom: 0px;
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding: 0 30px;
  transition: all 0.4s ease;
}

@media (max-width: 767px) {
  footer .total-footer {
    padding: 0 15px;
  }
}

footer .prefooter {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 28px;
}

@media (max-width: 767px) {
  footer .prefooter {
    grid-template-columns: 1fr;
    grid-gap: 18px;
  }
}

footer .prefooter h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 172%;
  margin: 0;
}

@media (max-width: 767px) {
  footer .prefooter h3 {
    font-size: 14px;
    line-height: 27.02px;
    font-weight: 600;
  }
}

@media (max-width: 767px) {
  footer .prefooter .grid-mobile {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 28px;
  }
}

footer .prefooter .content p {
  font-size: 16px;
  font-weight: 300;
  line-height: 172%;
  width: 60%;
  margin: 0;
}

@media (max-width: 768px) {
  footer .prefooter .content p {
    width: 100%;
  }
}

@media (max-width: 767px) {
  footer .prefooter .content p {
    font-size: 14px;
    line-height: 193%;
    font-weight: 300;
    display: none;
  }
}

@media (max-width: 767px) {
  footer .prefooter .content p.mobile-block {
    font-size: 14px;
    line-height: 193%;
    font-weight: 300;
    display: block;
  }
}

footer .prefooter .content {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 28px;
}

@media (max-width: 767px) {
  footer .prefooter .content {
    display: block;
  }
}

footer .prefooter .content .icon {
  display: grid;
  opacity: 1;
  transition: all 0.3 ease;
  align-self: center;
}

footer .prefooter .content .icon a {
  justify-self: end;
  align-self: end;
}

footer .prefooter .content .icon:hover circle {
  stroke: #F2F2F2 !important;
}

footer .prefooter .content .icon:hover path {
  stroke: #F2F2F2 !important;
}

footer .prefooter .line {
  background-color: #282828;
  height: 1px;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 17px;
}

@media (max-width: 767px) {
  footer .prefooter .line {
    margin-top: 17px;
  }
}

footer .subfooter-claim {
  margin: 99px 0;
  text-align: left;
  display: grid;
  grid-template-columns: 1fr 2fr;
}

@media (max-width: 1024px) {
  footer .subfooter-claim {
    margin: 70px 0;
  }
}

@media (max-width: 767px) {
  footer .subfooter-claim {
    display: none;
  }
}

footer .footer-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 767px) {
  footer .footer-bottom {
    grid-template-columns: 1fr;
  }
  footer .footer-bottom .logo svg {
    margin-top: 50px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

footer .footer-bottom .address p {
  font-weight: 600;
  font-size: 10px;
  line-height: 193%;
  margin: 0 0 10px;
}

@media (max-width: 767px) {
  footer .footer-bottom .address p {
    text-align: center;
    margin-bottom: 50px;
  }
}

footer .footer-bottom .menu-legal-menu-container #menu-legal-menu {
  margin: 0;
}

@media (max-width: 767px) {
  footer .footer-bottom .menu-legal-menu-container #menu-legal-menu {
    display: flex;
    justify-content: space-between;
    padding: 0;
  }
}

footer .footer-bottom .menu-legal-menu-container li {
  font-weight: 600;
  font-size: 10px;
  line-height: 193%;
}

footer .footer-bottom .menu-legal-menu-container li a {
  color: #282828;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

footer .footer-bottom .menu-legal-menu-container li a:hover {
  opacity: 1;
}

footer.active .total-footer {
  opacity: 1;
}

.home-desktop .main-section {
  padding-top: 18vh;
  padding-left: 0;
  padding-right: 0;
}

.home-desktop .main-section .title-section {
  width: 70%;
  color: #F2F2F2;
  padding: 0 30px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .home-desktop .main-section .title-section {
    width: 90%;
  }
}

@media (max-width: 540px) {
  .home-desktop .main-section .title-section {
    width: 100%;
    padding: 0 15px;
  }
}

.home-desktop .main-section .title-section h1 {
  margin-bottom: 16px;
}

.home-desktop .main-section .title-section p {
  width: 30%;
}

@media (max-width: 768px) {
  .home-desktop .main-section .title-section p {
    width: 50%;
  }
}

@media (max-width: 540px) {
  .home-desktop .main-section .title-section p {
    width: 100%;
  }
}

.home-desktop .main-section .title-section .btn {
  margin-left: 0;
}

.home-desktop .main-section .image-section {
  position: relative;
  height: 100%;
  width: 100%;
}

.home-desktop .main-section .image-section img {
  width: 100%;
  height: auto;
  display: block;
}

.home-desktop .subtitle-section {
  margin-top: 0;
  margin-bottom: 192px;
  padding: 0 30px;
}

@media (max-width: 540px) {
  .home-desktop .subtitle-section {
    padding: 0 15px;
    margin-bottom: 105px;
    margin-top: 40px;
  }
}

.home-desktop .subtitle-section .h2 {
  width: 80%;
}

@media (max-width: 540px) {
  .home-desktop .subtitle-section .h2 {
    width: 100%;
  }
}

.home-desktop .subtitle-section .grid-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 540px) {
  .home-desktop .subtitle-section .grid-content {
    display: block;
  }
  .home-desktop .subtitle-section .grid-content .mobile-non {
    display: none;
  }
  .home-desktop .subtitle-section .grid-content .btn {
    margin: 10px auto;
  }
}

.home-desktop .subtitle-section .subtitle-mobile {
  display: none;
}

@media (max-width: 540px) {
  .home-desktop .subtitle-section .subtitle-mobile {
    display: block;
  }
}

.home-desktop .offer {
  padding-top: 18vh;
}

.home-desktop .offer .title-padding {
  padding: 0 30px;
}

@media (max-width: 540px) {
  .home-desktop .offer .title-padding {
    padding: 0 15px;
  }
}

.home-desktop .offer .title-section {
  margin-bottom: 45px;
}

@media (max-width: 540px) {
  .home-desktop .offer .title-section {
    margin-bottom: 17px;
  }
}

.home-desktop .offer .subtitle {
  margin: 0 0 38px;
}

.home-desktop .offer .ofrecemos-section {
  display: grid;
  align-content: end;
}

@media (max-width: 768px) {
  .home-desktop .offer .ofrecemos-section {
    position: relative;
    z-index: 2;
  }
}

.home-desktop .offer .ofrecemos-section .grid-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  width: 100%;
  padding-top: 50%;
}

@media (max-width: 768px) {
  .home-desktop .offer .ofrecemos-section .grid-content {
    display: block;
    padding-top: 450px;
  }
}

.home-desktop .offer .ofrecemos-section .grid-content .left, .home-desktop .offer .ofrecemos-section .grid-content .right {
  height: 100%;
  width: 50%;
  max-height: 90%;
  background-color: #E15A40;
  border-radius: 100% 100% 0px 0px;
  display: grid;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  position: absolute;
  bottom: 0;
}

@media (max-width: 1024px) {
  .home-desktop .offer .ofrecemos-section .grid-content .left, .home-desktop .offer .ofrecemos-section .grid-content .right {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    border-start-start-radius: 120% 100%;
    border-start-end-radius: 120% 100%;
  }
  .home-desktop .offer .ofrecemos-section .grid-content .left .content, .home-desktop .offer .ofrecemos-section .grid-content .right .content {
    max-height: 90%;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    margin: 0 auto 38px;
  }
}

@media (max-width: 768px) {
  .home-desktop .offer .ofrecemos-section .grid-content .left, .home-desktop .offer .ofrecemos-section .grid-content .right {
    width: 100%;
    height: 500px;
    max-height: 100%;
    display: flex;
  }
}

@media (max-width: 540px) {
  .home-desktop .offer .ofrecemos-section .grid-content .left .content, .home-desktop .offer .ofrecemos-section .grid-content .right .content {
    max-height: 90%;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    margin: 0 auto 21px;
  }
}

.home-desktop .offer .ofrecemos-section .grid-content .left h3, .home-desktop .offer .ofrecemos-section .grid-content .right h3 {
  margin: 0 0 38px;
}

@media (max-width: 540px) {
  .home-desktop .offer .ofrecemos-section .grid-content .left h3, .home-desktop .offer .ofrecemos-section .grid-content .right h3 {
    margin: 0 0 21px;
  }
}

.home-desktop .offer .ofrecemos-section .grid-content .right {
  right: 0;
}

@media (max-width: 768px) {
  .home-desktop .offer .ofrecemos-section .grid-content .right {
    bottom: -100%;
    z-index: 20;
    border-end-start-radius: 120% 100%;
    border-end-end-radius: 120% 100%;
    background-color: #C04B3E;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    background-color: #C04B3E;
  }
}

@media (max-width: 768px) {
  .home-desktop .offer .ofrecemos-section .grid-content .right .all-content {
    margin-top: 0px;
  }
}

.home-desktop .offer .ofrecemos-section .grid-content .left:hover {
  background-color: #C04B3E;
  max-height: 100%;
}

@media (max-width: 1024px) {
  .home-desktop .offer .ofrecemos-section .grid-content .left:hover {
    max-height: 90%;
    background-color: #E15A40;
  }
}

@media (max-width: 768px) {
  .home-desktop .offer .ofrecemos-section .grid-content .left:hover {
    max-height: 100%;
  }
}

.home-desktop .offer .ofrecemos-section .grid-content .left:hover .content {
  max-height: 100%;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  margin: 0 auto 38px;
}

@media (max-width: 540px) {
  .home-desktop .offer .ofrecemos-section .grid-content .left:hover .content {
    margin: 0 auto 21px;
  }
}

.home-desktop .offer .ofrecemos-section .grid-content .left.make-small {
  max-height: 80%;
}

@media (max-width: 1024px) {
  .home-desktop .offer .ofrecemos-section .grid-content .left.make-small {
    max-height: 90%;
  }
}

@media (max-width: 768px) {
  .home-desktop .offer .ofrecemos-section .grid-content .left.make-small {
    max-height: 100%;
  }
}

.home-desktop .offer .ofrecemos-section .grid-content .left:hover + .right {
  max-height: 80%;
}

@media (max-width: 1024px) {
  .home-desktop .offer .ofrecemos-section .grid-content .left:hover + .right {
    max-height: 90%;
  }
}

@media (max-width: 768px) {
  .home-desktop .offer .ofrecemos-section .grid-content .left:hover + .right {
    max-height: 100%;
  }
}

.home-desktop .offer .ofrecemos-section .grid-content .right:hover {
  background-color: #C04B3E;
  max-height: 100%;
}

@media (max-width: 1024px) {
  .home-desktop .offer .ofrecemos-section .grid-content .right:hover {
    max-height: 90%;
  }
}

@media (max-width: 768px) {
  .home-desktop .offer .ofrecemos-section .grid-content .right:hover {
    max-height: 100%;
  }
}

.home-desktop .offer .ofrecemos-section .grid-content .right:hover .content {
  max-height: 100%;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.home-desktop .offer .ofrecemos-section .grid-content .all-content {
  text-align: center;
  align-self: center;
  width: 100%;
  justify-self: center;
}

@media (max-width: 768px) {
  .home-desktop .offer .ofrecemos-section .grid-content .all-content {
    margin-top: 40px;
  }
}

.home-desktop .offer .ofrecemos-section .grid-content .all-content .gray-btn {
  margin: 0 auto;
}

.home-desktop .offer .ofrecemos-section .grid-content .all-content .content {
  max-height: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1024px) {
  .home-desktop .offer .ofrecemos-section .grid-content .all-content .content {
    max-height: 100%;
    opacity: 1;
  }
}

.home-desktop .swiper {
  color: white;
  z-index: 0;
}

.home-desktop .swiper .swiper-wrapper {
  position: relative;
}

@media (max-width: 540px) {
  .home-desktop .swiper .swiper-wrapper {
    height: 150vh;
  }
}

@media (max-width: 375px) {
  .home-desktop .swiper .swiper-wrapper {
    height: 180vh;
  }
}

.home-desktop .swiper .image-background:after {
  content: '\A';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: all 1s;
  -webkit-transition: all 1s;
  z-index: 10;
}

.home-desktop .swiper .all-content {
  width: 70%;
  margin: 0 auto;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

@media (max-width: 1024px) {
  .home-desktop .swiper .all-content {
    top: 75%;
  }
}

@media (max-width: 540px) {
  .home-desktop .swiper .all-content {
    top: 70%;
    width: calc(100% - 30px);
  }
}

.home-desktop .swiper .all-content .title-pro {
  width: 65%;
  margin-bottom: 48px;
  min-height: 50px;
}

@media (max-width: 540px) {
  .home-desktop .swiper .all-content .title-pro {
    margin-bottom: 20px;
    width: 100%;
  }
}

.home-desktop .swiper .all-content .content {
  width: 70%;
}

@media (max-width: 768px) {
  .home-desktop .swiper .all-content .content {
    width: 100%;
  }
}

.home-desktop .swiper .all-content strong {
  font-weight: 600;
}

.home-desktop .swiper .all-content .grid-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 768px) {
  .home-desktop .swiper .all-content .grid-content {
    display: block;
  }
}

.home-desktop .swiper .all-content .grid-content .btn {
  width: 349px;
  height: 54px;
  border-radius: 60px;
  background-color: #C04B3E;
  position: relative;
  text-align: center;
  display: block;
  align-self: end;
  justify-self: end;
  margin-bottom: 15px;
  pointer-events: all;
}

@media (max-width: 768px) {
  .home-desktop .swiper .all-content .grid-content .btn {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 540px) {
  .home-desktop .swiper .all-content .grid-content .btn {
    margin-top: 50px;
    width: 250px;
  }
}

.home-desktop .swiper .all-content .grid-content .btn .dark {
  background-color: #E15A40;
  border-radius: 60px;
  width: 349px;
  height: 54px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 540px) {
  .home-desktop .swiper .all-content .grid-content .btn .dark {
    width: 250px;
  }
}

.home-desktop .swiper .image-background {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100vh;
  width: 100%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media (max-width: 1024px) {
  .home-desktop .swiper .image-background {
    min-height: 500px;
    height: auto;
    padding: 90% 0 100px;
  }
}

.home-desktop .swiper .image-background .full-content {
  width: 70%;
  margin: 0 auto;
  padding: 130px;
}

.home-desktop .swiper .image-background .title-pro {
  width: 250px;
  margin-bottom: 48px;
}

.home-desktop .swiper .swiper-pagination-bullet {
  background-color: #E15A40;
  opacity: 1;
  width: 12px;
  height: 12px;
}

.home-desktop .swiper .swiper-pagination-bullet-active {
  background-color: #F2F2F2;
}

.home-desktop .swiper .swiper-arrows {
  position: absolute;
  z-index: 1;
  top: 50%;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
}

@media (max-width: 540px) {
  .home-desktop .swiper .swiper-arrows {
    padding: 0 15px;
    display: none;
  }
}

.home-desktop .swiper .swiper-arrows .swiper-left {
  transform: rotate(-180deg);
}

.home-desktop .quote-section {
  padding-top: 18vh;
  padding-bottom: 18vh;
}

.home-desktop .quote-section .title {
  width: 70%;
}

.home-desktop .quote-section .subtitle {
  width: 30%;
}

.home-desktop .quote-section .swiper-slider {
  position: relative;
}

.home-desktop .quote-section .swiper-slider .slide {
  width: 100%;
  text-align: center;
  padding-bottom: 100px;
}

.home-desktop .quote-section .swiper-slider .slide .medio {
  position: relative;
  width: 137px;
  height: 137px;
  border-radius: 100%;
  background-color: #E15A40;
  display: grid;
  transition: all 0.3s ease;
  margin: 100px auto 100px;
  cursor: pointer;
  transform: scale3d(1, 1, 1);
}

.home-desktop .quote-section .swiper-slider .slide .medio .text {
  opacity: 1;
  text-align: center;
  align-self: center;
  transition: all 0.3s ease;
}

.home-desktop .quote-section .swiper-slider .slide .medio.make-big {
  transform: scale3d(0.1, 0.1, 1) !important;
  transition: all 0.3s ease;
}

.home-desktop .quote-section .swiper-slider .slide .medio.make-big .text {
  opacity: 0;
}

.home-desktop .quote-section .swiper-slider .slide .quote {
  margin-bottom: 48px;
}

.home-desktop .quote-section .swiper-slider .swiper-pagination-bullet {
  background-color: #E15A40;
  opacity: 1;
  width: 12px;
  height: 12px;
}

.home-desktop .quote-section .swiper-slider .swiper-pagination-bullet-active {
  background-color: #F2F2F2;
}

.nosotros-desktop .first-section {
  height: calc(100vh - 60px);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  text-align: center;
  display: grid;
  grid-template-rows: 1fr auto;
}

.nosotros-desktop .first-section .title-section {
  align-self: center;
  width: 70%;
  justify-self: center;
}

@media (max-width: 540px) {
  .nosotros-desktop .first-section .title-section {
    width: 100%;
    padding: 0 15px;
  }
}

.nosotros-desktop .first-section .title-section h1 {
  margin-top: 32px;
}

.nosotros-desktop .first-section .arrow {
  align-self: end;
}

.nosotros-desktop .first-section .arrow svg:hover {
  cursor: pointer;
}

.nosotros-desktop .first-section .arrow svg:hover circle {
  stroke: #E15A40;
}

.nosotros-desktop .first-section .arrow svg:hover path {
  stroke: #E15A40;
}

.nosotros-desktop .respuesta {
  padding: 18vh 0px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
}

@media (max-width: 1024px) {
  .nosotros-desktop .respuesta {
    padding: 100px 0px;
  }
}

@media (max-width: 768px) {
  .nosotros-desktop .respuesta {
    padding: 70px 0px;
    grid-template-columns: 1fr;
  }
}

.nosotros-desktop .respuesta .content {
  color: #E15A40;
  display: grid;
  grid-template-rows: 1fr auto;
}

@media (max-width: 768px) {
  .nosotros-desktop .respuesta .content {
    order: 2;
    margin-top: 30px;
  }
}

.nosotros-desktop .respuesta .flex-content {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

@media (max-width: 540px) {
  .nosotros-desktop .respuesta .flex-content {
    grid-template-columns: 1fr;
  }
  .nosotros-desktop .respuesta .flex-content .subtitle {
    margin-bottom: 20px;
  }
  .nosotros-desktop .respuesta .flex-content .btn {
    margin: 30px auto 0;
  }
}

.nosotros-desktop .respuesta .line {
  background-color: #E15A40;
}

.nosotros-desktop .last-section {
  padding: 0 0 18vh;
}

@media (max-width: 1024px) {
  .nosotros-desktop .last-section {
    padding: 0 0 100px;
  }
}

.nosotros-desktop .last-section .btn {
  margin: 18vh auto 0;
}

@media (max-width: 1024px) {
  .nosotros-desktop .last-section .btn {
    margin: 100px auto 0;
  }
}

.nosotros-desktop .last-section .btn a {
  color: white;
}

.nosotros-desktop .help-section {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  color: #E15A40;
}

@media (max-width: 1024px) {
  .nosotros-desktop .help-section {
    grid-template-columns: 1fr;
  }
}

.nosotros-desktop .help-section .image {
  height: 70vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 1024px) {
  .nosotros-desktop .help-section .image {
    height: 500px;
  }
}

@media (max-width: 540px) {
  .nosotros-desktop .help-section .image {
    height: 433px;
  }
}

.nosotros-desktop .help-section .full-content {
  padding: 30px;
}

.nosotros-desktop .help-section .full-content .h2 {
  height: 88px;
}

@media (max-width: 1024px) {
  .nosotros-desktop .help-section .full-content .h2 {
    height: auto;
  }
}

.nosotros-desktop .help-section .full-content .line {
  background-color: #E15A40;
}

.servicios-desktop {
  background-color: #282828;
}

.servicios-desktop .main-section {
  padding-top: 18vh;
  background-color: #F2F2F2;
}

.servicios-desktop .main-section .title-section h1 {
  margin-top: 48px;
}

@media (max-width: 540px) {
  .servicios-desktop .main-section .title-section {
    box-sizing: border-box;
  }
  .servicios-desktop .main-section .title-section br {
    display: none;
  }
}

.servicios-desktop .bg-orange {
  background-color: #E15A40 !important;
}

.servicios-desktop .s2 .service .content-list {
  background-color: #282828 !important;
  color: white !important;
}

.servicios-desktop .s2 .service .content-list ul li .line {
  background-color: #F2F2F2;
}

.servicios-desktop .s1, .servicios-desktop .s2 {
  height: 100vh;
}

.servicios-desktop .s1 .content-scroll, .servicios-desktop .s2 .content-scroll {
  height: 100%;
  min-height: 100vh;
}

@media (max-width: 1024px) {
  .servicios-desktop .s1 .content-scroll, .servicios-desktop .s2 .content-scroll {
    min-height: auto;
  }
}

.servicios-desktop .services-section {
  width: 150%;
  height: 100vh;
  padding: 0;
}

@media (max-width: 1024px) {
  .servicios-desktop .services-section {
    width: 100%;
    height: auto;
  }
}

.servicios-desktop .services-section .service {
  display: flex;
  scroll-behavior: smooth;
  height: 100vh;
  /* Hide scrollbar for IE, Edge add Firefox */
}

@media (max-width: 1024px) {
  .servicios-desktop .services-section .service {
    display: block;
    height: auto;
  }
}

.servicios-desktop .services-section .service .content-text {
  width: 50%;
  background-color: #F2F2F2;
  height: 100%;
  border-radius: 0;
}

@media (max-width: 1024px) {
  .servicios-desktop .services-section .service .content-text {
    width: 100%;
    padding: 0;
    min-height: 500px;
  }
}

.servicios-desktop .services-section .service .content-text .all-content {
  background-color: #282828;
  transition: all 0.5s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  text-align: center;
}

@media (max-width: 1024px) {
  .servicios-desktop .services-section .service .content-text .all-content {
    width: 100%;
    padding: 70px 0;
    height: 500px;
  }
}

@media (max-width: 540px) {
  .servicios-desktop .services-section .service .content-text .all-content {
    width: 100%;
    padding: 0 15px;
    height: 500px;
    box-sizing: border-box;
  }
}

.servicios-desktop .services-section .service .content-text .all-content .container-content {
  width: 70%;
  margin: 0 auto;
}

@media (max-width: 540px) {
  .servicios-desktop .services-section .service .content-text .all-content .container-content {
    width: 100%;
  }
}

.servicios-desktop .services-section .service .content-text .all-content .container-content h3 {
  margin: 41px 0;
}

.servicios-desktop .services-section .service .content-text .all-content.active {
  border-radius: 100%;
}

.servicios-desktop .services-section .service .content-text .all-content.bg-orange {
  background-color: #E15A40;
}

.servicios-desktop .services-section .service .content-image {
  width: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 1024px) {
  .servicios-desktop .services-section .service .content-image {
    width: 100%;
    height: 500px;
  }
}

@media (max-width: 540px) {
  .servicios-desktop .services-section .service .content-image {
    height: 433px;
  }
}

.servicios-desktop .services-section .service .content-list::-webkit-scrollbar {
  display: none;
}

.servicios-desktop .services-section .service .content-list {
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* Firefox */
}

.servicios-desktop .services-section .service .content-list {
  width: 50%;
  background-color: #F2F2F2;
  color: #282828;
  border-radius: 0;
  padding: 15vh 0px 40px;
  overflow-y: auto;
}

@media (max-width: 1024px) {
  .servicios-desktop .services-section .service .content-list {
    width: 100%;
    padding: 70px 0px 70px;
  }
}

.servicios-desktop .services-section .service .content-list small {
  padding: 0 30px;
}

@media (max-width: 767px) {
  .servicios-desktop .services-section .service .content-list small {
    padding: 0 15px;
  }
}

.servicios-desktop .services-section .service .content-list .line {
  background-color: #282828;
  margin: 30px 0;
}

@media (max-width: 1400px) {
  .servicios-desktop .services-section .service .content-list .line {
    margin: 20px 0;
  }
}

.servicios-desktop .services-section .service .content-list ul {
  padding: 0 30px;
}

@media (max-width: 540px) {
  .servicios-desktop .services-section .service .content-list ul {
    padding: 0 15px;
  }
}

.servicios-desktop .services-section .service .content-list ul li.grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

@media (max-width: 1400px) {
  .servicios-desktop .services-section .service .content-list ul li.grid {
    grid-template-columns: 150px 2fr;
  }
}

.servicios-desktop .services-section .service .content-list ul li.grid p {
  margin: 0;
}

.servicios-desktop .services-section .service .content-list ul li.grid p strong {
  font-weight: 600;
}

.servicios-desktop .services-section .service .content-list.border-right {
  border-radius: 0 0 30px 0;
}

@media (max-width: 1024px) {
  .servicios-desktop .services-section .service .content-list.border-right {
    border-radius: 0 0 30px 30px;
  }
}

.servicios-desktop .services-section .service .content-image.border-left {
  border-radius: 0 0 0 30px;
}

@media (max-width: 1024px) {
  .servicios-desktop .services-section .service .content-image.border-left {
    border-radius: 0;
  }
}

.servicios-desktop .btn {
  margin: 48px auto 0;
}

.servicios-desktop .btn a {
  color: white;
}

.contact-desktop .title-section {
  margin-top: 18vh;
  margin-bottom: 12vh;
  text-align: center;
}

@media (max-width: 767px) {
  .contact-desktop .title-section {
    margin-bottom: 20px;
  }
}

.contact-desktop .title-section h1 {
  margin-top: 41px;
}

.contact-desktop .form {
  margin-bottom: 144px;
}

.contact-desktop .form .btn {
  margin-top: 92px;
}

.contact-desktop .form-element .full-content.orange {
  border-top: 1px solid #E15A40;
}

.contact-desktop .form-element .full-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #F2F2F2;
}

@media (max-width: 540px) {
  .contact-desktop .form-element .full-content {
    grid-template-columns: 1fr;
    position: relative;
  }
}

.contact-desktop .form-element .full-content .form-content-2, .contact-desktop .form-element .full-content .form-content-1 {
  display: none;
}

.contact-desktop .form-element .full-content .subtitle {
  margin: 44px 0;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
}

.contact-desktop .form-element .full-content .subtitle svg {
  align-self: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .contact-desktop .form-element .full-content .subtitle svg {
    position: absolute;
    top: 20px;
    right: 15px;
  }
}

.contact-desktop .form-element .full-content .subtitle svg:hover circle {
  stroke: #E15A40;
}

@media (max-width: 1024px) {
  .contact-desktop .form-element .full-content .subtitle svg:hover circle {
    stroke: #F2F2F2;
  }
}

.contact-desktop .form-element .full-content .subtitle svg:hover path {
  stroke: #E15A40;
}

@media (max-width: 1024px) {
  .contact-desktop .form-element .full-content .subtitle svg:hover path {
    stroke: #F2F2F2;
  }
}

.contact-desktop .form-element .full-content .subtitle svg.up {
  transform: rotate(-180deg);
}

@media (max-width: 1024px) {
  .contact-desktop .form-element .full-content .subtitle svg.up {
    stroke: #E15A40;
  }
}

.contact-desktop .form-element .full-content .title {
  margin: 44px 0;
}

@media (max-width: 540px) {
  .contact-desktop .form-element .full-content .title {
    margin: 20px 0;
  }
}

.contact-desktop .form-element .full-content .title small {
  width: 200px;
  display: block;
}

.contact-desktop .form-element .full-content .input {
  position: relative;
  z-index: 0;
}

.contact-desktop .form-element .full-content .succeed-message {
  display: none;
}

.contact-desktop .form-element .full-content .succeed-message .content {
  margin-top: 30px;
}

.contact-desktop .form-element .full-content .succeed-message .cta {
  color: #282828 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.contact-desktop .form-element .full-content .succeed-message .btn {
  margin: 67px 0 120px;
}

@media (max-width: 540px) {
  .contact-desktop .form-element .full-content .succeed-message .btn {
    margin: 67px auto 100px;
  }
}

.contact-desktop .form-element .full-content .succeed-message.active {
  display: block;
}

.contact-desktop .form-element .full-content .form-div.hide {
  display: none;
}

.contact-desktop .form-element .full-content .form-content-1.active, .contact-desktop .form-element .full-content .form-content-2.active {
  display: block;
}

.contact-desktop .form-element .full-content .error, .contact-desktop .form-element .full-content .error-selected {
  display: none;
  background: #E15A40;
  border-radius: 30px;
  width: 100%;
  border: 0;
  height: 54px;
  padding: 0 20px;
  margin: 10px 0px 44px;
  box-sizing: border-box;
  color: #282828;
  font-family: "ITC Std";
  font-size: 18px;
}

@media (max-width: 540px) {
  .contact-desktop .form-element .full-content .error, .contact-desktop .form-element .full-content .error-selected {
    font-size: 12px;
  }
}

.contact-desktop .form-element .full-content .error .cta, .contact-desktop .form-element .full-content .error-selected .cta {
  line-height: 54px;
}

.contact-desktop .form-element .full-content .error.active, .contact-desktop .form-element .full-content .error-selected.active {
  display: block;
}

.contact-desktop .image-section {
  height: 100vh;
  justify-content: center;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: grid;
  align-items: center;
}

@media (max-width: 1024px) {
  .contact-desktop .image-section {
    height: auto;
    padding: 100px 0;
    min-height: 500px;
  }
}

@media (max-width: 540px) {
  .contact-desktop .image-section {
    height: 433px;
    min-height: 433px;
  }
}

.contact-desktop .image-section .bottom-section {
  width: 70%;
  margin: 0 auto;
}

@media (max-width: 540px) {
  .contact-desktop .image-section .bottom-section {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
}

.legal-page {
  padding: 18vh 30px 50px;
  box-sizing: border-box;
}

.legal-page ul {
  list-style-type: disc;
  font-family: "ITC Std";
}

.legal-page ul li {
  margin-bottom: 20px;
  font-weight: 300;
}

.legal-page a {
  display: unset;
  color: #282828;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 300;
}

@media (max-width: 540px) {
  .legal-page a {
    font-size: 14px;
  }
}

@media (max-width: 540px) {
  .legal-page {
    padding: 12vh 15px;
  }
}

.item-209 {
  background-color: #E3004F;
}

.item-210 {
  background-color: #41A62A;
}

a {
  text-decoration: none;
}