/* Scss Document */
/* responsive */
/*header*/
.nav-bar {
  max-height: 45px;
  background: #4cc4b6;
  position: absolute;
  bottom: -40px;
  right: 0;
  display: table;
  padding: 5px 30px;
  border-radius: 0 0 0 200px;
  z-index: 77; }
  .nav-bar .red {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px; }
    .nav-bar .red a {
      display: inline-block;
      margin: 0 2px; }
    .nav-bar .red img {
      height: 30px; }
  .nav-bar .log {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px; }
    .nav-bar .log a {
      padding: 5px 30px;
      color: #048780;
      background: #FFFFFF;
      border-radius: 100px;
      font-size: 14px;
      text-decoration: none;
      font-weight: 300; }
      .nav-bar .log a:hover {
        background: #ff4d4d;
        color: #FFFFFF; }

.bg-opacity {
  background: rgba(255, 255, 255, 0.4) !important; }

.jar-nav {
  background: #FFFFFF;
  box-shadow: 0 1px 5px #dedfe1;
  z-index: 777; }
  @media (max-width: 576px) {
    .jar-nav {
      padding: 1.5rem 1rem .5rem 1rem; } }
  .jar-nav .navbar-nav .nav-link {
    color: #424c5a; }
    .jar-nav .navbar-nav .nav-link:hover {
      color: #d30015; }
    @media (max-width: 768px) {
      .jar-nav .navbar-nav .nav-link {
        padding: 13px 0; } }
  .jar-nav .navbar-nav .nav-link.active,
  .jar-nav .navbar-nav .nav-link.show,
  .jar-nav .navbar-nav .active > .nav-link {
    color: #d30015;
    position: relative; }
    .jar-nav .navbar-nav .nav-link.active:before,
    .jar-nav .navbar-nav .nav-link.show:before,
    .jar-nav .navbar-nav .active > .nav-link:before {
      width: calc(100% - 1rem);
      height: 2px;
      content: "";
      background: #d30015;
      position: absolute;
      bottom: 3px;
      left: .5rem; }
      @media (max-width: 768px) {
        .jar-nav .navbar-nav .nav-link.active:before,
        .jar-nav .navbar-nav .nav-link.show:before,
        .jar-nav .navbar-nav .active > .nav-link:before {
          width: 100%;
          left: 0; } }
  .jar-nav .navbar-nav .show > .nav-link {
    color: #d30015;
    position: relative; }
  .jar-nav .dropdown-menu {
    border: 0;
    box-shadow: 1px 1px 5px 1px #dedfe1;
    padding: 10px;
    border-radius: 15px; }
  .jar-nav .dropdown-item {
    font-weight: 300;
    font-size: 14px;
    border-radius: 100px;
    color: #424c5a; }
    .jar-nav .dropdown-item span {
      color: #FFFFFF;
      background: #ff4d4d;
      font-size: 10px;
      border-radius: 100px;
      padding: 2px 10px; }
    .jar-nav .dropdown-item:focus, .jar-nav .dropdown-item:hover {
      background: #4cc4b6;
      color: #048780; }
  .jar-nav .dropdown-toggle:after {
    width: 12px;
    content: url("../images/ico-arrow-nav.svg");
    border: 0;
    vertical-align: middle; }
  @media (max-width: 768px) {
    .jar-nav {
      background: #FFFFFF; } }
  .jar-nav .barNav {
    background: #f8dd00;
    position: absolute;
    top: 0;
    right: 25px;
    padding: 3px 10px;
    display: table;
    border-radius: 0 0 7px 7px; }
    @media (max-width: 576px) {
      .jar-nav .barNav {
        margin: 0 auto;
        left: 0;
        right: 0; } }
    .jar-nav .barNav .ico {
      display: table-cell;
      padding: 0 5px 0 0;
      color: #d30015; }
    .jar-nav .barNav .txt {
      display: table-cell;
      color: #121c25;
      font-size: 12px; }

.jar-brand img {
  height: 55px; }

/*footer*/
footer {
  background: #d30015;
  font-size: 12px; }
  footer p {
    margin: 0 0 7px 0;
    color: #FFFFFF; }
  footer .fo-cont {
    width: 100%;
    padding: 50px 40px 40px 40px; }
  footer .fo-brand {
    width: 100%; }
    footer .fo-brand .fo-logo {
      width: 100%;
      margin: 0 0 20px 0; }
      @media (max-width: 768px) {
        footer .fo-brand .fo-logo {
          text-align: center; } }
      footer .fo-brand .fo-logo img {
        width: 170px; }
    footer .fo-brand .fo-eco {
      width: 100%;
      max-width: 600px;
      padding: 0 30px;
      display: flex;
      margin: 0 0 10px 0; }
      @media (max-width: 576px) {
        footer .fo-brand .fo-eco {
          display: inline-block;
          text-align: center; } }
      footer .fo-brand .fo-eco .fo-eco-img {
        margin: 0 10px 0 0; }
        footer .fo-brand .fo-eco .fo-eco-img img {
          width: 50px; }
      footer .fo-brand .fo-eco .fo-eco-txt {
        font-size: 14px;
        margin: 0 10px; }
        footer .fo-brand .fo-eco .fo-eco-txt p {
          margin: 5px 0; }
        footer .fo-brand .fo-eco .fo-eco-txt b {
          font-size: 14px; }
  @media (max-width: 576px) {
    footer .fo-contac {
      text-align: center; } }
  @media (max-width: 576px) {
    footer .fo-sed {
      display: none; } }
  footer .fo-sed-btn {
    margin: 10px 0 0 0; }
    @media (max-width: 576px) {
      footer .fo-sed-btn {
        text-align: center; } }
  footer .fo-btn {
    display: inline-block;
    border: 1px solid #FFFFFF;
    padding: 5px 15px;
    border-radius: 50px;
    color: #FFFFFF;
    text-decoration: none; }
    footer .fo-btn:hover {
      background: rgba(255, 255, 255, 0.2); }
  footer .fo-menu {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center; }
    @media (max-width: 768px) {
      footer .fo-menu {
        justify-content: center;
        margin: 5px 0 0 0; } }
    footer .fo-menu ul {
      margin: 0;
      padding: 0;
      list-style: none;
      text-align: left; }
    footer .fo-menu ul li {
      font-size: 12px;
      color: #9cb2b5;
      display: inline-block;
      position: relative; }
      footer .fo-menu ul li:before {
        width: 1px;
        height: 10px;
        content: "";
        position: absolute;
        right: 0;
        top: 3px;
        border-left: 1px solid #d30015; }
      footer .fo-menu ul li:last-child:before {
        display: none; }
    footer .fo-menu a {
      font-size: 12px;
      color: #121c25;
      padding: 10px 20px; }
  footer .fo-red {
    text-align: right;
    font-size: 14px;
    color: #FFFFFF; }
    @media (max-width: 768px) {
      footer .fo-red {
        text-align: center;
        margin: 10px 0; } }
    footer .fo-red img {
      width: 30px;
      height: 30px; }
    footer .fo-red .fo-apps {
      padding: 0 30px 0 0;
      margin: 0 30px 0 0;
      display: inline-flex;
      position: relative;
      color: #121c25;
      font-size: 12px;
      align-items: center; }
      @media (max-width: 768px) {
        footer .fo-red .fo-apps {
          padding: 0;
          margin: 0; } }
      footer .fo-red .fo-apps a {
        width: 30px;
        height: 30px;
        display: inline-flex;
        background: #FFFFFF;
        margin: 0 5px;
        border-radius: 50px;
        color: #d30015;
        text-align: center;
        text-decoration: none;
        justify-content: center;
        align-items: center; }
        footer .fo-red .fo-apps a i {
          font-size: 20px; }
      footer .fo-red .fo-apps a:hover {
        color: #FFFFFF;
        background: #d30015; }
  footer .fo-copy {
    text-align: center;
    background: #f2f2f2;
    padding: 10px 40px; }
    footer .fo-copy p {
      font-size: 12px;
      margin: 5px 0; }

.bg-i {
  width: 100%;
  background: #FFFFFF;
  position: absolute;
  text-align: right;
  top: 0;
  right: 0;
  z-index: 0;
  overflow: hidden; }
  .bg-i:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background: url("../images/border-bgImg.svg") 0 0 no-repeat;
    transform: scale(1.02); }
  .bg-i img {
    width: 40vw; }
    @media (max-width: 480px) {
      .bg-i img {
        width: 70vw; } }

/*titulo*/
.topTit {
  padding: 15vh 20px 8vh 20px;
  margin: 0 0 30px 0; }
  @media (max-width: 768px) {
    .topTit {
      padding: 15vh 20px 1vh 20px; } }
  .topTit h1 {
    font-size: 45px;
    color: #d30015;
    text-transform: uppercase;
    font-weight: 100; }
    @media (max-width: 768px) {
      .topTit h1 {
        font-size: 35px;
        text-align: center; } }
    @media (max-width: 576px) {
      .topTit h1 {
        font-size: 26px; } }
  .topTit .cont {
    width: 100%;
    max-width: 500px; }
    @media (max-width: 768px) {
      .topTit .cont {
        text-align: center; } }

/*botones*/
.bar-btn {
  width: 100%;
  text-align: center;
  padding: 0 0 20px 0; }
  .bar-btn a {
    text-decoration: none;
    background: #121c25;
    font-size: 14px;
    display: inline-block;
    padding: 7px 30px;
    border-radius: 50px;
    margin: 0 10px 5px 10px; }
    .bar-btn a .ico {
      display: table-cell;
      vertical-align: middle;
      padding: 0 10px 0 0; }
      .bar-btn a .ico i {
        font-size: 40px;
        color: #FFFFFF; }
    .bar-btn a .txt {
      display: table-cell;
      vertical-align: middle;
      font-size: 12px;
      padding: 0 10px 0 0;
      color: #FFFFFF; }
    .bar-btn a span {
      color: #d30015;
      display: block;
      font-size: 14px; }
    .bar-btn a:hover {
      background: #d30015; }
      .bar-btn a:hover span {
        color: #FFFFFF; }

/*contacto*/
.contac {
  width: 100%;
  position: relative;
  z-index: 2; }
  .contac .contaForm {
    width: 100%;
    margin: 0 0 50px 0;
    padding: 0 20px; }
    .contac .contaForm input, .contac .contaForm select {
      color: #80808e;
      font-size: 14px;
      font-weight: 300; }
  .contac .btnForm-jar {
    width: 100%;
    text-align: center; }
    .contac .btnForm-jar button {
      width: 100%;
      max-width: 300px;
      background: #121c25;
      color: #d30015;
      border-radius: 20px;
      padding: 10px; }
      .contac .btnForm-jar button:hover {
        background: #d30015;
        color: #FFFFFF; }
  .contac .conta-l {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 768px) {
      .contac .conta-l {
        margin: 20px 0 0 0; } }
  .contac .contaBar {
    margin: 30px 0;
    padding: 60px 30px;
    background: #d30015; }
    .contac .contaBar h2 {
      color: #FFFFFF;
      font-size: 30px; }
      @media (max-width: 768px) {
        .contac .contaBar h2 {
          text-align: center; } }
    .contac .contaBar .ico {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .contac .contaBar .ico img {
        max-width: 300px;
        margin: 30px 0; }
    .contac .contaBar .txt {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #FFFFFF;
      font-size: 20px; }
  .contac .contaList {
    width: 100%;
    padding: 20px 0; }
    .contac .contaList h3 {
      text-align: center;
      font-size: 30px;
      color: #d30015;
      margin: 0 0 30px 0; }
    .contac .contaList table {
      color: #808080; }
      .contac .contaList table thead {
        background: #EDEDED; }

/*nosotros*/
.we {
  position: relative;
  z-index: 2; }
  .we h2 {
    width: 100%;
    max-width: 220px;
    color: #121c25;
    font-size: 22px;
    font-weight: 100; }
    @media (max-width: 576px) {
      .we h2 {
        max-width: none; } }
    .we h2 span {
      color: #d30015; }
    .we h2:nth-child(3) {
      margin: 60px 0 0 0; }
  .we .weCont {
    margin: 0 0 70px 0;
    padding: 30px 0; }
    @media (max-width: 576px) {
      .we .weCont {
        text-align: center;
        margin: 0;
        padding: 30px 20px; } }
  .we .weBar {
    background: #E4E4E4;
    padding: 40px 30px; }
    .we .weBar h4 {
      text-align: center;
      font-size: 20px;
      font-weight: 100;
      color: #121c25;
      margin: 0 0 30px 0; }
      .we .weBar h4 span {
        color: #d30015; }
    .we .weBar .ico-img {
      text-align: center; }
      .we .weBar .ico-img img {
        width: 70px; }
    .we .weBar .ico-txt {
      text-align: center; }
  .we .weCont-two {
    width: 100%;
    display: flex; }
    @media (max-width: 768px) {
      .we .weCont-two {
        display: inline-block;
        padding: 0 20px; } }
    .we .weCont-two .two-img {
      width: 50%; }
      @media (max-width: 768px) {
        .we .weCont-two .two-img {
          width: 100%;
          text-align: center;
          margin: 0 0 20px 0; } }
      .we .weCont-two .two-img img {
        width: 100%; }
        @media (max-width: 768px) {
          .we .weCont-two .two-img img {
            width: 80%; } }
    .we .weCont-two .two-txt {
      width: 60%;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (max-width: 768px) {
        .we .weCont-two .two-txt {
          width: 100%; } }
      .we .weCont-two .two-txt .center {
        width: 70%;
        margin: 0 auto; }
        @media (max-width: 768px) {
          .we .weCont-two .two-txt .center {
            width: 100%;
            margin: 0; } }

/*sedes*/
.where {
  position: relative;
  z-index: 2; }
  .where .whereCont h2 {
    font-weight: 100;
    color: #121c25;
    font-size: 18px;
    margin: 0 0 20px 0; }
    @media (max-width: 768px) {
      .where .whereCont h2 {
        font-size: 14px;
        padding: 0 20px; } }
    @media (max-width: 576px) {
      .where .whereCont h2 {
        text-align: center; } }
  .where .whereCont .where-list {
    width: 100%;
    display: inline-block;
    margin: 0 0 20% 0; }
    @media (max-width: 576px) {
      .where .whereCont .where-list {
        margin: 0 0 30px 0;
        text-align: center; } }
    .where .whereCont .where-list p {
      margin: 0; }
    .where .whereCont .where-list .where-item {
      display: flex; }
      .where .whereCont .where-list .where-item .where-ico {
        padding: 0 10px 0 0; }
        @media (max-width: 576px) {
          .where .whereCont .where-list .where-item .where-ico {
            display: none; } }
        .where .whereCont .where-list .where-item .where-ico img {
          width: 25px; }
      .where .whereCont .where-list .where-item .where-txt {
        width: 100%;
        margin: 0 0 10px 0; }
        @media (max-width: 576px) {
          .where .whereCont .where-list .where-item .where-txt {
            text-align: center; } }
  .where .whereBar {
    margin: 30px 0; }

/*productos*/
.prod {
  position: relative;
  z-index: 2; }
  @media (max-width: 768px) {
    .prod {
      padding: 0 20px; } }
  .prod .prodCont {
    width: 100%; }
    .prod .prodCont h2 {
      max-width: 240px;
      font-size: 22px;
      font-weight: 100;
      color: #121c25;
      margin: 0 0 20px 0; }
      @media (max-width: 768px) {
        .prod .prodCont h2 {
          width: 100%;
          max-width: none;
          text-align: center; } }
      .prod .prodCont h2 span {
        color: #d30015; }
    .prod .prodCont .prodBox-cont {
      width: 100%;
      display: grid;
      /*grid-template-columns: repeat(4, 1fr);*/
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 40px; }
      @media (max-width: 768px) {
        .prod .prodCont .prodBox-cont {
          display: inline-block; } }
    .prod .prodCont .prodBox {
      width: 100%;
      position: relative;
      overflow: hidden; }
      @media (max-width: 768px) {
        .prod .prodCont .prodBox {
          margin: 0 0 20px 0; } }
      .prod .prodCont .prodBox:nth-child(1):before {
        background: #d30015;
        content: "Venta y alquiler";
        position: absolute;
        right: -16px;
        top: 14px;
        padding: 4px 32px 4px 48px;
        z-index: 3;
        color: #FFFFFF;
        font-size: 11px;
        transform: rotate(28deg); }
      .prod .prodCont .prodBox:nth-child(2) {
        top: -70px;
        position: relative; }
        @media (max-width: 768px) {
          .prod .prodCont .prodBox:nth-child(2) {
            top: 0; } }
        .prod .prodCont .prodBox:nth-child(2) .prodBox-txt h3 span {
          color: #c4ae00; }
      .prod .prodCont .prodBox:nth-child(3) .prodBox-txt h3 span {
        color: #0071ad; }
      .prod .prodCont .prodBox:nth-child(4) {
        top: -70px;
        position: relative; }
        @media (max-width: 768px) {
          .prod .prodCont .prodBox:nth-child(4) {
            top: 0; } }
        .prod .prodCont .prodBox:nth-child(4) .prodBox-txt h3 span {
          color: #4cc4b6; }
      .prod .prodCont .prodBox:last-child {
        grid-column: 1 / span 1;
        grid-row: 3; }
      .prod .prodCont .prodBox:nth-last-child(2) {
        grid-column: 2 / span 1;
        grid-row: 3;
        top: -70px;
        position: relative; }
        .prod .prodCont .prodBox:nth-last-child(2) .prodBox-txt h3 span {
          color: #c25dd0; }
        @media (max-width: 768px) {
          .prod .prodCont .prodBox:nth-last-child(2) {
            top: 0; } }
      .prod .prodCont .prodBox a {
        height: 100%;
        background: #EFEFEF;
        display: flex;
        padding: 30px 40px;
        text-decoration: none;
        align-items: center;
        transition: 0.5s; }
        .prod .prodCont .prodBox a:hover {
          box-shadow: 3px 3px 10px #D9D9D9;
          transform: scale(1.03);
          background: #d30015; }
          .prod .prodCont .prodBox a:hover p, .prod .prodCont .prodBox a:hover .prodBox-txt span {
            color: #FFFFFF; }
        .prod .prodCont .prodBox a p {
          color: #80808e; }
      .prod .prodCont .prodBox .prodBox-txt {
        width: 100%;
        max-width: 180px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .prod .prodCont .prodBox .prodBox-txt h3 {
          font-size: 22px;
          color: #121c25;
          font-weight: 100;
          text-transform: uppercase; }
          .prod .prodCont .prodBox .prodBox-txt h3:nth-child(3) {
            color: blue; }
          .prod .prodCont .prodBox .prodBox-txt h3 span {
            color: #d30015; }
      .prod .prodCont .prodBox .prodBox-img img {
        width: 100%; }
  .prod .prod-other {
    width: 100%;
    display: inline-block;
    margin: 0 0 30px 0; }
    .prod .prod-other h4 {
      width: 100%;
      text-align: center;
      font-size: 22px;
      text-transform: uppercase;
      margin: 0 0 30px 0;
      font-weight: 100;
      color: #121c25;
      position: relative; }
      .prod .prod-other h4:before {
        width: 10px;
        height: 1px;
        content: "-";
        margin: 0 10px 0 0;
        color: #d30015; }
      .prod .prod-other h4:after {
        width: 10px;
        height: 1px;
        content: "-";
        margin: 0 0 0 10px;
        color: #d30015; }
      .prod .prod-other h4 span {
        color: #d30015; }
    .prod .prod-other .prod-other-box {
      width: 100%;
      display: flex;
      margin: 0 0 10px 0; }
      .prod .prod-other .prod-other-box .img {
        width: 200px; }
        .prod .prod-other .prod-other-box .img img {
          width: 100%; }
      .prod .prod-other .prod-other-box .txt {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 10px; }
        .prod .prod-other .prod-other-box .txt h5 {
          color: #121c25;
          text-transform: uppercase;
          font-size: 16px; }
  .prod .prodBar {
    margin: 30px 0; }

/*produtos interna*/
.prodInt {
  padding: 7vh 0 0 0; }
  .prodInt h1 {
    font-size: 30px;
    color: #d30015;
    text-transform: uppercase;
    font-weight: 100; }
  .prodInt .img {
    width: 100%;
    margin: 0 0 10px 0; }
    .prodInt .img .carousel-item img {
      width: 100%; }
  .prodInt .prodInt-btns {
    width: 100%;
    margin: 0 0 50px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .prodInt .prodInt-btns a {
      background: #f2f2f2;
      margin: 0 10px 10px 10px;
      color: #d30015;
      text-align: center;
      padding: 10px 20px;
      border-radius: 100px;
      text-decoration: none; }
      @media (max-width: 768px) {
        .prodInt .prodInt-btns a {
          padding: 5px 10px;
          line-height: 14px;
          font-size: 12px; } }
      .prodInt .prodInt-btns a:hover {
        background: #d30015;
        color: #FFFFFF; }
      .prodInt .prodInt-btns a.active {
        background: #d30015;
        color: #FFFFFF; }

.prodInt-desc {
  background: #f2f2f2;
  padding: 60px 40px 40px 40px;
  margin: 30px 0;
  position: relative; }
  .prodInt-desc h4 {
    position: absolute;
    left: 0;
    top: 0;
    background: #d30015;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 100;
    padding: 10px 20px;
    text-transform: uppercase; }
  .prodInt-desc table thead {
    background: #E5E5E5;
    color: #d30015; }
  .prodInt-desc table tbody th, .prodInt-desc table tbody td {
    background: #FFFFFF;
    border-top: 7px solid #f2f2f2; }

/*modal pantalla completa*/
.modFull {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  position: absolute;
  bottom: 0;
  position: fixed;
  z-index: 1033;
  left: 0;
  padding: 30px;
  display: none; }
  .modFull .close {
    border: 0;
    position: absolute;
    color: #D3D3D3;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    right: 30px;
    top: 5px;
    z-index: 2; }
  .modFull .close:hover {
    color: #fd5c5c; }

body {
  font-family: "Nunito", sans-serif;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
  color: #80808e;
  line-height: 1.3; }

/*general*/
.shaDow {
  box-shadow: 1px 1px 17px 1px #dedfe1; }

.radius-card {
  border-radius: 25px; }

.bg-home {
  width: 100%;
  background: url("../images/bg-home.svg") 0 bottom no-repeat;
  background-color: #f2f2f2; }

.form-control::placeholder {
  color: #80808e;
  font-size: 14px;
  font-weight: 300; }

input,
select {
  color: #80808e;
  font-size: 14px;
  font-weight: 300; }

ul.list {
  list-style: none;
  position: relative;
  padding: 0 0 0 20px; }
  ul.list li {
    width: 100%;
    position: relative; }
    ul.list li:before {
      border: solid #4cc4b6;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 2px;
      transform: rotate(-45deg);
      content: "";
      left: -20px;
      top: 5px;
      position: absolute; }

/*valores*/
.valor {
  width: 100%;
  padding: 150px 20px 80px 20px; }
  .valor .valor-tit {
    width: 100%; }
    @media (max-width: 768px) {
      .valor .valor-tit {
        text-align: center; } }
  .valor h5 {
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #d30015; }
  .valor a {
    display: inline-block;
    border: 1px solid #d30015;
    color: #d30015;
    padding: 7px 20px;
    text-decoration: none;
    border-radius: 50px; }
    .valor a:hover {
      background: #d30015;
      color: #FFFFFF; }
  .valor .txt {
    font-size: 16px; }
  .valor .cont {
    width: 100%; }
    @media (max-width: 768px) {
      .valor .cont {
        text-align: center; } }
    .valor .cont .ico {
      width: 100%; }
      .valor .cont .ico img {
        width: 50px; }
    .valor .cont .txt {
      width: 100%; }

/*experiencia*/
.exper {
  width: 100%;
  padding: 40px 20px;
  background: #f2f2f2;
  position: relative; }
  .exper .cont {
    width: 60%;
    max-width: 700px;
    position: relative;
    z-index: 3; }
    @media (max-width: 768px) {
      .exper .cont {
        width: 100%; } }
  .exper h4 {
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #d30015; }
  .exper .txt {
    font-size: 16px; }
  .exper .logo {
    margin: 10px 0;
    text-align: center; }
    .exper .logo img {
      max-width: 150px; }
  .exper .img {
    width: 40%;
    height: 120%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    overflow: hidden; }
    @media (max-width: 768px) {
      .exper .img {
        width: 100%;
        position: relative;
        margin: 20px 0 0 0; } }
    .exper .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: rotate(-7deg);
      margin: -60px 0 0 40px; }
      @media (max-width: 768px) {
        .exper .img img {
          margin: 0;
          transform: rotate(0); } }
  .exper:before {
    width: 100%;
    height: 90px;
    content: "";
    position: absolute;
    bottom: -90px;
    left: 0;
    background: url("../images/we-border.svg") 0 0 no-repeat;
    background-position: bottom;
    background-size: cover; }

/*soluciones*/
.solution {
  padding: 40px 0;
  position: relative;
  overflow: hidden; }
  @media (max-width: 768px) {
    .solution {
      padding: 20px; } }
  .solution:before {
    width: 120%;
    height: 80px;
    background: #d30015;
    content: "";
    position: absolute;
    left: -10%;
    top: calc(50% - 80px);
    z-index: 0;
    transform: rotate(-9deg); }
  .solution:after {
    width: 120%;
    height: 80px;
    background: #f8dd00;
    content: "";
    position: absolute;
    left: -10%;
    bottom: calc(50% - 80px);
    z-index: 0;
    transform: rotate(-9deg); }
  .solution .soluTit {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    justify-content: center; }
    @media (max-width: 768px) {
      .solution .soluTit {
        position: relative; } }
  .solution h2 {
    width: 100%;
    max-width: 300px;
    font-size: 26px;
    font-family: "Oswald", sans-serif;
    color: #80808e;
    font-weight: 300;
    text-align: center; }
    .solution h2 span {
      color: #d30015; }
  .solution ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: table; }
    .solution ul li {
      width: 33.3%;
      display: table-cell;
      padding: 0 20px;
      vertical-align: top; }
      @media (max-width: 768px) {
        .solution ul li {
          width: 100%;
          display: inline-block;
          margin: 20px 0;
          padding: 0; } }
      .solution ul li span {
        color: #d30015; }
    .solution ul li:nth-child(2) {
      padding: 60px 20px 0 20px; }
      @media (max-width: 768px) {
        .solution ul li:nth-child(2) {
          padding: 0; } }
      .solution ul li:nth-child(2) .titul span {
        color: #f8dd00; }
    .solution ul li:nth-child(3) .titul span {
      color: #0071ad; }
  .solution .card {
    box-shadow: 2px 2px 5px #dedfe1;
    border-radius: 20px;
    overflow: hidden;
    border: 0;
    z-index: 3; }
    .solution .card .tit {
      width: 100%;
      height: 170px;
      overflow: hidden;
      position: relative;
      padding: 20px;
      display: inline-flex;
      align-items: center; }
      @media (max-width: 768px) {
        .solution .card .tit {
          height: 100px; } }
      .solution .card .tit .titul {
        width: 100%;
        font-family: "Oswald", sans-serif;
        max-width: 130px;
        position: relative;
        z-index: 3;
        font-size: 30px;
        color: #FFFFFF;
        margin: 0 0 0 40px; }
        @media (max-width: 768px) {
          .solution .card .tit .titul {
            max-width: none; } }
      .solution .card .tit .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0; }
        .solution .card .tit .bg:before {
          width: 100%;
          height: 100%;
          background: rgba(4, 4, 30, 0.2);
          position: absolute;
          left: 0;
          top: 0;
          content: ""; }
        .solution .card .tit .bg img {
          width: 100%;
          object-fit: cover; }
    .solution .card .txt {
      width: 100%;
      text-align: center;
      padding: 30px 20px 0 20px;
      font-size: 16px; }
    .solution .card .img {
      width: 100%;
      text-align: center;
      padding: 5px 20px; }
      .solution .card .img img {
        width: 100%;
        max-width: 300px; }
  .solution .bar-btn {
    width: 100%;
    text-align: center;
    padding: 40px 0 20px 0; }
    .solution .bar-btn a {
      text-decoration: none;
      background: #121c25;
      font-size: 14px;
      display: inline-block;
      padding: 7px 30px;
      border-radius: 50px;
      margin: 0 10px; }
      .solution .bar-btn a .ico {
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px 0 0; }
        .solution .bar-btn a .ico i {
          font-size: 40px;
          color: #FFFFFF; }
      .solution .bar-btn a .txt {
        display: table-cell;
        vertical-align: middle;
        font-size: 12px;
        padding: 0 10px 0 0;
        color: #FFFFFF; }
      .solution .bar-btn a span {
        color: #d30015;
        display: block;
        font-size: 14px; }
      .solution .bar-btn a:hover {
        background: #d30015; }
        .solution .bar-btn a:hover span {
          color: #FFFFFF; }

/*slider o inicio*/
.begin {
  width: 100%;
  min-height: 500px;
  align-items: center;
  display: inline-flex; }
  @media (max-width: 768px) {
    .begin {
      min-height: auto;
      padding: 7% 20px; } }
  .begin h1 {
    font-family: "Oswald", sans-serif;
    font-size: 36px;
    color: #d30015;
    font-weight: 400; }
  .begin .cont {
    width: 100%;
    max-width: 330px;
    position: relative;
    z-index: 3; }
    @media (max-width: 768px) {
      .begin .cont {
        margin: 0 auto;
        text-align: center; } }
    .begin .cont .txt {
      font-size: 16px; }
  .begin a {
    text-decoration: none;
    background: #f2f2f2;
    color: #121c25;
    font-size: 14px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px; }
    .begin a .ico {
      display: table-cell;
      vertical-align: middle;
      padding: 0 10px 0 0; }
      .begin a .ico i {
        font-size: 40px;
        color: #80808e; }
    .begin a .txt {
      display: table-cell;
      vertical-align: middle;
      font-size: 12px;
      padding: 0 10px 0 0; }
    .begin a span {
      color: #d30015;
      display: block;
      font-size: 14px; }
    .begin a:hover {
      background: #d30015; }
      .begin a:hover .ico i {
        color: #FFFFFF; }
      .begin a:hover .txt {
        color: #FFFFFF; }
      .begin a:hover span {
        color: #FFFFFF; }

/*fondo home*/
.bg {
  width: 100%;
  background: #FFFFFF;
  position: absolute;
  text-align: right;
  top: 0;
  right: 0;
  z-index: 0; }
  .bg img {
    width: 50vw; }

.msg{
	color:#ff1229 !important;
}

.alert-success {
    position:fixed; 
    top: 0px; 
    left: 0px; 
    width: 50%;
    z-index:9999; 
    border-radius:0px;
	margin-top:20px;
	margin-left:25%;
	text-align:center;
	border-radius: 5px;
}