/* Proyectos-style.css is a minified file of these styles */
/* Fonts */
@font-face{
  font-family:"FontAwesome";
  src:url("../font/fontawesome.eot?v=4.3.0");
  src:url("../font/fontawesome.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../font/fontawesome.woff") format("woff"), url("../font/fontawesome.ttf") format("truetype"), url("../font/fontawesome.svg#fontawesomeregular") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:"avenir-book";
  src:url("../font/AvenirLTStd-Book.otf") format("opentype");
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:"avenir-light";
  src:url("../font/AvenirLTStd-Light.otf") format("opentype");
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:"avenir-black";
  src:url("../font/AvenirLTStd-Black.otf") format("opentype");
  font-weight:normal;
  font-style:normal
}

/* Font Awesome */
.fa:before{
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  transform:translate(0, 0)
}
.fa-chevron-circle-down:before{content:""}
.fa-chevron-down:before{content:""}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before{content:""}
.fa-search:before{content:""}
.fa-facebook:before{content:""}
.fa-twitter:before{content:""}
.fa-remove:before, .fa-close:before, .fa-times:before {content:""}


/* DOM */
html{overflow-x: hidden;}
body{
  position: relative;
  margin:0;
  font-family:"avenir-book";
  color:#000;
  background:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:15px;
}
@media ( max-width: 950px ) {
  body {overflow-x:hidden}
}
h1, h2, h3, h4, h5, h6{
  font-weight:normal;
  color:#000;
  margin:0.5em 0;
  text-transform:uppercase;
}
img{
  max-width:100%;
  height:auto;
}
a{
  text-decoration:none
}
button, input, select, textarea{
  font-size:100%;
  margin:0;
  outline:none;
}
select{
  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  -o-appearance:none;
  appearance:none
}

p a:not(.button){
  color:#E70042;
}
p a:not(.button):hover{
  color:#E70042;
  text-decoration:underline;
}
@media (max-width: 700px) {
  html{font-size: 12px;}
}
/* SLICKSLIDER */
.slick-slider{
  position:relative;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent
}
.slick-track{
  display:flex;
}
.slick-slide{
  margin:0 0.5em;
}
.slick-slide img{
  margin:0 auto;
}
.slick-slide.dragging img{
  pointer-events:none
}
.slick-prev, .slick-next{
  position:absolute;
  padding:0;
  cursor:pointer;
  border:none;
  z-index:100
}

/* HEADER */
#wrapper-header{
  position: absolute;
  height:90px;
  width:100%;
  z-index:100;
  background: transparent;
  transition: all .3s;
}
#wrapper-header.fixed {
  position: fixed;
  top: 0;
  height:60px;
  background: #4E4E4D;
}
#wrapper-header .box-services{
  padding:0;
  height:100%;
  width:100%;
  max-width: unset;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.header{
  height:100%
}
.logo{
  margin-left:50px;
}
.logo img{
  height: 26px
}
.logo a{
  display:inline-block
}
.main-menu{
  width:60%
}
.main-menu ul{
  display:none;
  margin:0;
  justify-content:space-between;
  align-items:center;
  padding-left:0;
  padding-right:50px;
}
.main-menu ul li{
  position:relative;
  list-style-type:none;
}
.main-menu ul li a{
  color:#fff;
}
.main-menu>ul>li:hover>a{
  color:#e70042;
}
.main-menu ul li ul{
  position:absolute;
  left:0;
  top:17px;
  display:none;
}
.main-menu ul li ul li{
  width:260px !important;
  z-index:50;
  background:rgba(60, 60, 59, 0.97);
  text-align:left;
  padding:12px 20px;
}
.main-menu ul li ul li:last-child{
  border-bottom:none
}
.mobile-mainmenu{
  text-align:right;
  margin-right:50px;
}
.mobile-mainmenu span{
  cursor:pointer;
  display:inline-block;
  font-size:28px;
  color:#fff;
}
@media (min-width:1010px){
  .main-menu ul li:hover ul {
    display: block !important;
  }
}
@media screen and (min-width:1011px){
  .main-menu ul#menu-main-menu{
      display:flex;
  }
  .mobile-mainmenu{
      display:none;
      visibility:hidden
  }
}
#menu-main-menu .fa-chevron-down:before{display: none;}
@media (max-width:1010px){
  #menu-main-menu .fa-chevron-down:before{
    display: block;
    position: absolute;
    right: 20px;
    color: white;
    transition: all .3s;
  }
  #menu-main-menu .fa-chevron-down.opened:before{
    transform: rotateZ(180deg)
  }
  #wrapper-header header .box-services{
      z-index:2;
  }
  .main-menu ul li ul li{
      background:transparent  ;
  }
  .main-menu ul#menu-main-menu{
      display:block;
      position:absolute;
      width: 100vw;
      left:100%;
      background: rgba(60, 60, 59, 0.97);
      transition:all .3s}
  .main-menu ul#menu-main-menu.mobile{
      left: 0;
  }
  .main-menu ul li{
      padding:10px;
  }
  .main-menu.wow.fadeIn{
      z-index:2000;
  }
  .main-menu ul li ul{
      position:static;
  }
  .main-menu ul li ul li{
      border-bottom:none
  }
}

/* SLIDESHOW */

#slideshow .slick-list{
  outline:none;
}
#slideshow .slick-slide{
  margin:0;
  position: relative;
  height:600px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#slideshow .slick-slide img{
  display:block;
  margin:0 auto;
  width: 100%;
  min-width: 900px;
  height: auto;
  min-height: 100%;
  outline:none;
  position: absolute;
  top: -20%;
  z-index: -1;
}
.wrapper-text-slide{
  width:50%;
}
.wrapper-text-slide h2{
  font-family:"avenir-black";
  font-size:3em;
  color:#fff;
  padding:30px 0 20px;
  text-transform:none;
}
.wrapper-text-slide .button{
  font-size:17px;
  margin: 0;
}
.wrapper-pages-search{
  width:358px;
  height:355px;
  padding:14px 0;
  border-radius: 20px;
  background-color:rgba(255,255,255,0.75)
}
.search-form{
  display:grid;
  align-items:center;
  justify-items:center;
}
.wrapper-pages-search .text-projects-filters#proyectosFiltro{
  display:inline-block;
  width:80%;
  text-align:left;
  font-family:"avenir-black";
  font-size: 24px;
  color: #4E4E4D;
  margin-bottom: 20px;
  margin-top: 15px
}
.wrapper-pages-search .wrapper-filters-projects{
  position:relative;width:80%;
}
.wrapper-pages-search .wrapper-filters-projects select{
  height:100%;
  width:100%;
  padding:8px 10px 8px;
  border-radius:7px;
  color:#5a5a59;
  position:relative;
  z-index:1;
  border:1px solid #DDD;
  background:transparent;
}
.wrapper-pages-search .wrapper-filters-projects .arrow-down{
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-top:10px solid #e70042;
  border-right:7px solid transparent;
  position:absolute;
  right:20px;
  top:30px;
  border-radius:2px;
}
.wrapper-pages-search .wrapper-filters-projects .button{
  width:100%;
  font-size:17px;
  margin-top: 15px;
}
.wrapper-pages-search .cover-select{
  background:#fff;
  height:47px;
  border-radius:7px;
  width:100%;
  margin-top:10px;
}
.sector-proyecto option{
  display:none;
}
.sector-proyecto option.is-active{
  display:block;
}
@media (max-width:1120px){
  #slideshow .slick-slide img {bottom: 0;}
}
@media (max-width: 830px){
  #slideshow .slick-slide{flex-direction: column-reverse;justify-content: flex-start;}
  .wrapper-text-slide{width: 80%;}
  .wrapper-text-slide h2 {font-size: 1.2rem; text-align: center;padding: 1rem;}
  .wrapper-text-slide .button {margin: 0 auto 30px;}
}
@media (max-width: 700px){
  #slideshow .slick-slide {height: 670px;}
  #slideshow .slick-slide img{display: none;}
  .wrapper-text-slide h2 {font-size: 24px;}
  #slideshow .slick-slide {background-color: #E73445;}
  .wrapper-pages-search {background-color: unset;top:75px;}
  .wrapper-pages-search .text-projects-filters#proyectosFiltro{color: #FFF;text-align: center;}
  .wrapper-pages-search .wrapper-filters-projects .button{color: #4E4E4D;background: #FFF;}
  .wrapper-pages-search .cover-select{background: rgba(255,255,255,.8);}
}
/* BOX SERVICES */
.box-services{
  width: 90%;
  max-width:940px;
  margin:0 auto;
  padding:80px 0
}
.box-services h2{
  text-align:center;
  font-family:"avenir-black";
  font-size:2rem;
}
.box-services>p{
  text-align:center
}
.box-services .items{
  text-align:center
}
.box-services .items .service-item{
  position:relative;
  overflow:hidden;
  margin-bottom:1em
}
.box-services .items .service-item.purple .cover{
  background:rgba(79, 0, 144, 0.9)
}
.box-services .items .service-item.blue .cover{
  background:rgba(0, 194, 223, 0.9)
}
.box-services .items .service-item.green .cover{
  background:rgba(130, 191, 0, 0.9)
}
.box-services .items .service-item.yellow .cover{
  background:rgba(255, 182, 0, 0.9)
}
.box-services .items .service-item.pink .cover{
  background:rgba(255, 0, 165, 0.9)
}
.box-services .items .service-item.blue-dark .cover{
  background:rgba(40, 53, 147, 0.9);
}
.box-services .items .service-item.red .cover{
  background:rgba(253, 101, 90, 0.9);
}
.box-services .items .service-item img{
  display:block;
  margin:0 auto;
  border-radius:1rem
}
.box-services .items .service-item .cover{
  position:absolute;
  top:100%;
  left:0;
  bottom:0;
  right:0;
  padding:7em 1em 1em;
  text-align:center;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:1rem
}
.box-services .items .service-item .cover::before{
  position:absolute;
  bottom:-1em;
  color:#FFF;
  font-size:2em;
  margin-bottom:2em;
  margin:0 auto;
  left:0;
  right:0;
  -webkit-transition:all 0.5s ease-in-out;
  -moz-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  -o-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out
}
.box-services .items .service-item .logo-item{
  position:absolute;
  top:30%;
  text-align:center;
  width:100%;
  z-index:50;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease
}
.box-services .items .service-item .logo-item img{
  display:inline-block
}
.box-services .items .service-item:hover .cover{
  top:0
}
.box-services .items .service-item:hover .cover::before{
  bottom:0.3em
}
.box-services .items .service-item:hover .logo-item{
  top:10%
}
.box-services .items .service-item.none .cover{
  display:none
}
.box-services .items .service-item{
  border-radius:1rem
}
@media screen and (min-width:60em){
  .box-services>p{font-size:1.2em;margin-bottom:4em}
}
@media screen and (min-width:48em){
.box-services.partners-wrapper .items .service-item{width:22%;}
.project-wrapper .box-services .items .service-item{width:30%}
}
@media screen and (min-width:64em){.box-services .items .service-item .cover{padding:8em 2em 1em;}
}
@media screen and (min-width:1190px){.box-services.services-home .items .service-item .cover{padding:8.5em 2em 1em;}
}
.box-services .items .service-item .cover h4{color:#FFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0.93333em;margin-bottom:2em;margin:0 0 0.5em 0;text-transform:inherit;text-shadow:2px 2px 3px rgba(0, 0, 0, 0.3)}
.box-services .items .service-item .cover p{color:#FFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0.93333em;margin-bottom:2em;margin:0;display:none;text-shadow:2px 2px 3px rgba(0, 0, 0, 0.3)}
@media screen and (min-width:30em){.box-services .items .service-item .cover p{display:block}
}
@media screen and (min-width:48em){.box-services .items .service-item .cover p{display:none}
}
@media screen and (min-width:110em){.box-services .items .service-item .cover p{display:block;text-align:center}
}
/* HOME */
.box-services.services-home{color:#4E4E4D;width:90%;max-width:1495px;}
.box-services.services-home h2 {color:#4E4E4D}
.box-services.services-home > p{font-size:15px;width:750px;margin:0 auto 4em;max-width:100%;}
.box-services.services-home .items {
  display: flex;
  justify-content: space-around;
}
.box-services.services-home .items .service-item{width:30%;}
.box-services.services-home .items-mobile-version{
  display: none;
}
.box-services.services-home .items-mobile-version .mobile-version {
  padding: 10px 20px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.5);
  border-radius: 5px;
}
.box-services.services-home .items-mobile-version .mobile-version h3 {
  text-transform: none;
  font-family: 'avenir-black';
  color: #E70042;
  font-size: 2rem;
  text-align: center;
}
.box-services.services-home .items-mobile-version .mobile-version h4{
  text-transform: none;
  color: #666666;
  font-size: 1rem;
  text-align: center;
}
.box-services.services-home .items-mobile-version .mobile-version p {
  text-align: left;
  font-size: 1.1rem;
}
.box-services.services-home .items-mobile-version .mobile-version a {
  margin-bottom: 10px;
}
#wrapper-content.home-wrapper{padding-top:0;}
.conocer-valor{
  margin-top: 100px;
  text-align: center;
}
.conocer-valor-title{
  color: #D02B56;
  text-transform: none;
  font-size: 2.1rem;
  font-family: "avenir-black";
  width: 490px;
  max-width: 90%;
  margin: 0 auto 2rem;
}
.conocer-valor-text {
  width: 600px;
  max-width: 90%;
  margin: 0 auto 1rem;
  text-align: center;
}
.conocer-valor-button {
  text-transform:none;
  font-size:17px;
  max-width: 90%;
}
.chat{
  background-color: #C90145;
  color: #fff;
  position: absolute;
  right: 45px;
  padding: 20px 25px;
  font-family: avenir-black;
  font-size: 2rem;
  border-radius: 4px;
  transform: translateY(-30px);
}
.chat:after{
  content:'';
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-top: 25px solid #C90145;
  border-right: 30px solid transparent;
  transform: rotate(90deg) translate(44px,25px);
  position: absolute;
}
@media (max-width: 1120px) {
  .box-services.services-home .items {display: none;}
  .box-services.services-home .items-mobile-version {display:block;}
  .slick-dots {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
  }
  .slick-dots button {
    position: relative;
    background: transparent;
    color: transparent;
    border: none;
    width: 50px;
    margin: 0 10px;
  }
  .slick-dots button:before {
    content: '';
    position: absolute;
    height: 4px;
    border-radius: 2px;
    width: 50px;
    background: #666666;
    left: 0;
    bottom: 0;
    cursor: pointer;
  }
  .slick-dots .slick-active button:before {
    background: #E70042;
  }
  .conocer-valor {display: none;}
}
@media (max-width: 700px) {
  .box-services.services-home > p {text-align: left;}
  .chat, .chat:after {display: none;}
}
/* PROJECTS */
.project-wrapper .box-services .items .service-item .size, .project-wrapper .box-services .items .service-item .price{color:#000;text-decoration:underline}
.project-wrapper h2{font-family:"avenir-black";color:#fff;font-size:2rem;margin-bottom:80px}
.project-wrapper h3{font-family:"avenir-black";color:#fff;font-size:1.5rem;}
.project-wrapper .button{background: #fff;color: #4E4E4D;font-family: "avenir-black";font-size: 17px;display: block;text-transform: none;margin:30px auto 20px;padding:20px 0 15px;width:300px}
.project-wrapper .box-services .items.mobile-version {display: none;}
.project-wrapper .box-services .items.desktop-version {display: flex; flex-wrap: wrap; justify-content: space-between}
.project-wrapper .box-services .items .service-item{box-shadow: 2px 2px 35px -5px rgba(0,0,0,.5);}
.project-wrapper .box-services .items .service-item .logo-item{top:40%;}
.project-wrapper .box-services .items .service-item:hover .logo-item{top:10%;}
.cover-project-city{width:100%;height:1000px;position:absolute;top:0;}
.box-services .items .service-item .cover-project-city{
  height:100%;
  border-radius:1rem
}
.box-services .items .service-item.blue .cover-project-city{
  background:rgba(0, 194, 223, 0.5);
}
.box-services .items .service-item.yellow .cover-project-city{
  background:rgba(255, 182, 0, 0.5);
}
.box-services .items .service-item.green .cover-project-city{
  background:rgba(130, 191, 0, 0.5);
}
.box-services .items .service-item.purple .cover-project-city{
  background:rgba(79, 0, 144, 0.5);
}
.box-services .items .service-item.blue-dark .cover-project-city{
  background:rgba(40, 53, 147, 0.5);
}
.box-services .items .service-item.red .cover-project-city{
  background:rgba(253, 101, 90, 0.5);
}
@media (max-width: 830px) {
  .project-wrapper .button {margin: 100px auto 0}
  .project-wrapper .box-services .items.mobile-version {display: block;}
  .project-wrapper .box-services .items.mobile-version h3 {font-size: 3rem;}
  .project-wrapper .box-services .items .service-item:hover .logo-item {
    top: 40%;
  }
  .project-wrapper .box-services .items.mobile-version img {
    width: 100%;
    height: auto;
  }
  .project-wrapper .slick-dots button {width: 30px}
  .project-wrapper .slick-dots button:before {
    background: #FFF;
    width: 30px;
  }
  .project-wrapper .slick-dots .slick-active button:before {
    background: #666666;
  }
  .project-wrapper .box-services .items.desktop-version {display: none;}
}
/* TESTIMONIAL */
.box-simple .testimonios-wrapper h2 {color:#4E4E4D;font-family:'avenir-black';font-size:2rem}
.box-simple .testimonios-wrapper .slick-prev{top:150px;left:-10px}
.box-simple .testimonios-wrapper .slick-next{top:150px;right:-10px}
.slideshow-testimonials .item{display:grid;grid-template-rows: repeat(2,2.2rem) repeat(2,1fr);grid-template-columns: 45% 55%;margin-top:60px;}
.slideshow-testimonials .item img{grid-row: 1 / 5;align-self:center;}
.slideshow-testimonials .item .name{color:#4E4E4D;font-family:'avenir-black';font-size:2.2rem}
.slideshow-testimonials .item .information{color:#BBBBBB;font-size:2.2rem}
.slideshow-testimonials .item .text{grid-row-start:3;text-align: left;max-width:85%}
.button.youtube-lightbox{grid-row-start:4;margin-left:0;text-transform: none;font-size: 17px;font-family: "avenir-black";background: linear-gradient(60deg, #FF0032, #FF0064);box-shadow: 0 5px 11px -5px rgba(0,0,0,.5);}
.slideshow-testimonials .slick-prev, .slideshow-testimonials .slick-next, .slideshows-all .slick-prev, .slideshows-all .slick-next{width:40px;height:40px;top:inherit;bottom:0;background:none;color:#e70042;font-size:20px;font-family:fontawesome;}
.testimonios-wrapper-familias .slick-prev, .testimonios-wrapper-familias .slick-next, .slideshow-projects-others .slick-prev, .slideshow-projects-others .slick-next, .slides-wrapper .slick-prev, .slides-wrapper .slick-next{width:40px;height:40px;background:none;color:#e70042;font-size:23px;font-family:fontawesome;}
.slideshow-testimonials .slick-prev:before, .slideshow-projects-others .slick-prev:before, .testimonios-wrapper-familias .slick-prev:before{content:"\f053";font-size:2rem;}
.slideshow-testimonials .slick-next:before, .slideshow-projects-others .slick-next:before, .testimonios-wrapper-familias .slick-next:before{content:"\f054";font-size:2rem;}
.box-simple .testimonios-wrapper{overflow:hidden}
.box-simple .testimonios-wrapper .slick-track img, .testimonios-wrapper-familias .slick-track img{border-radius:50%;border:9px solid #ddd9d9;width:135px;}
.box-simple .testimonios-wrapper .info-top .name{text-align:center;margin-top:30px;font-weight:bold;color:#000;font-size:1.11em}
.testimonios-wrapper .slideshow-testimonials .item{margin-bottom:0}
.testimonios-wrapper.testimonios-slide-wrapper .button{margin:15px 0;}
.testimonios-slide-wrapper{width:100%}
.box-simple .testimonios-wrapper .slick-dots{display: none !important;}
#cboxOverlay {background: #313131;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 100}
#colorbox{outline: none;z-index: 101;}
#cboxLoadedContent iframe.cboxIframe{width: 100%;height: 98%;}
#cboxContent #cboxClose {top: -15px;right: -15px;position: absolute;width: 30px;height: 30px;border-radius: 50%;border: none;color: #fff;font-size: 1px}
#cboxContent #cboxClose:before{content:"\00d7";position: absolute;top: 0;left: 0;right: 0;bottom: 0;color: #E70042;font-size: 22px;font-weight: 900;}
@media (max-width: 830px) {
  .testimonios-wrapper.testimonios-slide-wrapper .button{padding: 1rem;}
  .slideshow-testimonials .item {grid-template-rows: 250px repeat(2,2.2rem) repeat(2,1fr);grid-template-columns: 1fr;box-shadow: 0px 0px 10px rgba(0,0,0,.5);}
  .slideshow-testimonials .item img{grid-row: 1 / 2;align-self:center;}
  .slideshow-testimonials .item .name{grid-row: 2 / 3;justify-self: center;}
  .slideshow-testimonials .item .information{grid-row: 3 / 4;justify-self: center;}
  .slideshow-testimonials .item .text{grid-row: 4/ 5;justify-self: center;max-width: 60%; margin-bottom: 0;}
  .button.youtube-lightbox{grid-row:5 /6;justify-self: center; align-self: center}
  .testimonios-wrapper .slideshow-testimonials .item{margin-bottom:50px}
  .box-simple .testimonios-wrapper .slideshow-testimonials .slick-prev {display: none !important;}
  .box-simple .testimonios-wrapper .slideshow-testimonials .slick-next {display: none !important;}
  .box-simple .testimonios-wrapper .slick-dots{display: flex !important;}
  .box-simple .testimonios-wrapper .slick-dots button {width: 40px;}
  .box-simple .testimonios-wrapper .slick-dots button:before {width: 40px}
}
@media (max-width: 700px) {
  .slideshow-testimonials .item { padding: 0 30px;}
  .slideshow-testimonials .item .name{justify-self: start;}
  .slideshow-testimonials .item .information{justify-self: start;}
  .slideshow-testimonials .item .text{justify-self: start;max-width: unset;}
  .box-simple .testimonios-wrapper .slick-dots button {width: 20px; margin: 0 5px;}
  .box-simple .testimonios-wrapper .slick-dots button:before {width: 20px}
}
/* BLOG */
@media screen and (min-width:1011px){.blog-wrapper.box-services{width:95%;max-width:1200px;}
.box-formu{width:550px;margin:2em auto 1em}
}
.blog-wrapper h2{color: #fff;font-family:'avenir-black';font-size:2rem;margin-bottom: 80px}
.blog-wrapper-first{height:460px;float:left}
.blog-wrapper-second{height:223px;float:left}
.blog-wrapper .articles{height:580px;display:flex;}
.blog-wrapper .articles .box.blog{height:460px;width:65%;margin-right:5%;display: grid;grid-template: repeat(2, 1fr) / repeat(2, 1fr); grid-gap: 15px}
.blog-wrapper .articles .box.blog .blog-wrapper-first {grid-row: 1 / 3;height: 100% }
.blog-wrapper .articles .box.blog .blog-wrapper-second {grid-column: 2 / 3; height: 100% }
.blog-wrapper .articles .last-posts{width:30%}
.blog-wrapper .articles .last-posts-title{font-family:'avenir-black';font-size:1.5rem;color:#fff}
.blog-wrapper .articles .last-post {display:grid;grid-template: repeat(2,1fr) / 60px 1fr}
.blog-wrapper .articles .last-post:hover span {color: #E70042; border-color: #E70042}
.blog-wrapper .articles .last-post:hover p {color: #E70042}
.blog-wrapper .articles .last-post .number-list{grid-row: 1 / 3;font-family:'avenir-black';border: 1px #fff solid;border-radius:50%;margin: 0;height: 35px;justify-self: center;align-self: start;width: 35px;line-height: 35px;color: #fff;}
.blog-wrapper .articles .last-post p{margin:0;font-family:'avenir-black';color:#fff;text-align:left}
.blog-wrapper .articles .last-post .date{color:#fff;text-align:left;}
.blog-wrapper .service-item{position:relative}
.blog-wrapper .articles .description{position:absolute;bottom:0;text-align:left;height:100%;transition:all 1s;width:100%}
.service-item .description{background: linear-gradient(180deg,transparent,rgba(0,0,0,.85));}
.blog-wrapper .articles .description .description-wrapper{position:absolute;bottom:0;padding:20px}
.blog-wrapper .articles .description h4{color:#fff;text-transform:none;font-family:'avenir-black';font-size:1.5rem;}
.blog-wrapper .articles .description p{color:#fff;}
.blog-wrapper .button{text-transform: none;font-size: 17px;font-family: "avenir-black";background: linear-gradient(60deg, #FF0032, #FF0064);box-shadow: 0 5px 11px -5px rgba(0,0,0,.5);}
.blog-wrapper .items .service-item {margin-bottom: 0;}
.blog-wrapper .items .service-item img{height:100%;width:auto;max-width:none;}
.box-services .items .blog-wrapper-first.service-item img{margin-left:-60%}
.box-services .items .blog-wrapper-second.service-item img{margin-left:-20%}
.box-services .items .blog .article, .box-services .items .blog .article .image{height:100%}
.blog-wrapper .button.youtube-lightbox.cboxElement{position:static;opacity:1}
@media (max-width: 1120px) {
  .blog-wrapper .articles .last-posts{display: none;}
  .blog-wrapper .articles .box.blog{width:83%;margin:0 auto;}
}
@media (max-width: 830px) {
  .blog-wrapper .articles .box.blog{width:95%;}
  .blog-wrapper h2 {margin-bottom: 20px;}
}
@media (max-width: 700px) {
  .blog-wrapper .articles {height: unset;}
  .blog-wrapper .button {padding: 1rem;}
  .blog-wrapper .articles .box.blog{height: unset;width: 70%;grid-template: repeat(3, 1fr) / 1fr; grid-gap: 20px; margin-bottom: 30px}
  .blog-wrapper .articles .box.blog .blog-wrapper-first {grid-row: 1 / 2;grid-column: 1 / 2;height: 100% }
  .blog-wrapper .articles .box.blog .blog-wrapper-second {grid-column: 1 / 2; height: 100% }
  .box-services .items .blog-wrapper-first.service-item img{margin-left:0}
  .box-services .items .blog-wrapper-second.service-item img{margin-left:0}
}
@media (max-width: 550px) {
  .blog-wrapper .articles .box.blog{width:95%;}
}
/* ALIADOS */
.box-services.partners-wrapper .items {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.box-services.partners-wrapper h2{
  color:#4E4E4D;
}
.box-services.partners-wrapper img{
  filter: grayscale(1);
}
.box-services.partners-wrapper img:hover{
  filter: none;
}
.box-services.partners-wrapper .partners-text{color:#4E4E4D;font-size: 15px;width: 750px;margin: 0 auto 4em;max-width: 100%;}
@media (max-width: 700px) {
  .box-services.partners-wrapper .items {
    flex-wrap: wrap;
  }
  .box-services.partners-wrapper .items > * {
    width: 45%;
  }
}
/* FORM CONTACT */
#wrapper-form-contact{background:#F5F5F5;color:#3E3E3E;}
.form-contact{padding:0}
@media screen and (min-width:78.75em){.form-contact{padding:2em 0;overflow:hidden;margin:0 auto}
}
.form-contact>p, .form-contact .phrase{width:100%;font-size:1.2em;margin-bottom:2em;text-transform:none;text-align:center;color:#5a5a59;font-weight:bold}
@media screen and (min-width:60em){.form-contact>p, .form-contact .phrase{display:inline-block;vertical-align:top;width:100%}
}
.form-contact>p span, .form-contact .phrase span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block}
.form-contact div.wpcf7-validation-errors, .form-contact div.wpcf7-response-output{color:#fff;border:0;overflow:hidden}
.form-contact span.wpcf7-not-valid-tip, .form-contact .wpcf7-mail-sent-ok, .form-contact .wpcf7-mail-sent-ng, .form-contact .wpcf7-spam-blocked{color:#fff}
#wrapper-form-contact input[type="text"], #wrapper-form-contact input[type="email"], #wrapper-form-contact input[type="number"], #wrapper-form-contact input[type="date"], #wrapper-form-contact input[type="password"], #wrapper-form-contact textarea, #wrapper-form-contact select{border:1px solid #AFAFAF;background:#fff;padding:1em 1.2em;font-size:1em;border-radius:5px;width:100%;box-sizing: border-box;}
#wrapper-form-contact input[type="submit"], #wrapper-form-contact input[type="button"]{text-transform:none;font-size: 17px;font-family: "avenir-black";background: linear-gradient(60deg, #FF0032, #FF0064);box-shadow: 0 5px 11px -5px rgba(0,0,0,.5);margin-bottom:0;cursor:pointer;border-radius:25px}
@media screen and (min-width:78.75em){#sf_form_salesforce_w2l_lead_1 .sf_field_first_name, #sf_form_salesforce_w2l_lead_1 .sf_field_last_name, #sf_form_salesforce_w2l_lead_1 .sf_field_country, #sf_form_salesforce_w2l_lead_1 .sf_field_phone{display:inline-block;vertical-align:top;width:47%;margin:0 1%}
}

span.error_message{color:#E70042;margin-bottom:1em;display:block}
.form-contact .sf_required_fields_msg{display:none;visibility:hidden}
@media screen and (min-width:60em){#sf_form_salesforce_w2l_lead_2 .sf_field{width:100%;}
#sf_form_salesforce_w2l_lead_2 .sf_field_phone{width:100%}
#sf_form_salesforce_w2l_lead_2 .sf_field_email{width:100%}
#sf_form_salesforce_w2l_lead_2 .sf_field_phone1{width:19%}
#sf_form_salesforce_w2l_lead_2 .sf_field_description{width:98%}
#sf_form_salesforce_w2l_lead_2 .success_message{text-align:center;width:100%;display:block}
}
#sf_form_salesforce_w2l_lead_2 span.error_message{color:#FFF}
#sf_form_salesforce_w2l_lead_2 input[type="submit"]{margin-top:0}
@media screen and (min-width:78.75em){#sf_form_salesforce_w2l_lead_3 .sf_field_first_name, #sf_form_salesforce_w2l_lead_3 .sf_field_second-name, #sf_form_salesforce_w2l_lead_3 .sf_field_last_name, #sf_form_salesforce_w2l_lead_3 .sf_field_second-lastname, #sf_form_salesforce_w2l_lead_3 .sf_field_years-working, #sf_form_salesforce_w2l_lead_3 .sf_field_phone{display:inline-block;vertical-align:top;width:49%}
}

.sf_field.sf_field_mesage.sf_type_textarea{width:98% !important}
.sf_field.sf_field_mesage.sf_type_textarea textarea{height:120px;margin-bottom:20px}
.form-contact .salesforce_w2l_lead{width:80%;margin:0 auto}
#crmWebToEntityForm {
  width: 80%;
  margin: 40px auto 0;
  background: #fff;
  padding: 3rem 0;
  border-radius: 10px;
  box-shadow: 1px 2px 15px -1px rgba(0,0,0,.5);
}
.sf_field textarea,
.sf_field select,
.sf_field input{
  margin-bottom: 23px;
}
.sf_field input::placeholder{
  color: #AFAFAF;
}
.sf_field_captcha .sf_field_flex{display:flex;align-items: center;margin-bottom: 10px;}
.sf_field_captcha .w2llabel {width: 60%}
.sf_field_captcha a {width: 40%}
.sf_field_captcha .w2limg {width:100%; border: 1px solid #AFAFAF;border-radius: 5px;box-sizing: border-box;}
#crmWebToEntityForm .sf_field_country {position: relative}
#crmWebToEntityForm .sf_field_country .arrow-down {
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-top:10px solid #e70042;
  border-right:7px solid transparent;
  position:absolute;
  right:20px;
  top:20px;
  border-radius:2px;
}
/* FOOTER */
.locations h5{color:#FFF;text-align:center;font-size:1.6em;letter-spacing:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.locations .location-item{text-align:center;margin-bottom:1em}
#wrapper-f-menu{padding: 80px 0;display: flex;justify-content: space-around;color: #FFF;font-family: 'avenir-black';font-size: 1.2rem;}
#wrapper-f-menu a{align-self:center;}
.footer-menu{padding-left:0;list-style:none;font-family:'avenir-book';font-size:.85rem;}
.footer-menu li {margin: 10px 0;}
.footer-menu li a{color:#FFF}
.footer{text-align:center;padding:1em;font-size:0.93333em;color:#FFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#wrapper-footer{background:#282828}
.formu-wrapper{width:50%;margin:0 auto;padding: 80px 0}
.formu-wrapper h4{color:#4E4E4D;font-family:'avenir-black';font-size:2rem;text-align:center;}
.formu-wrapper h3{color:#4E4E4D;font-family:'avenir-black';font-size:1rem;text-align:center;}
.formu-wrapper h3 a{color:inherit}
.formu-wrapper p{font-size:15px}
#footer-item {
  float:left;
  width:33%;
  padding-bottom:10px;
}
#footer-item ul {
  padding-left:15px;
}
@media (max-width: 1120px) {
  .better-menu-widget {display: none;}
  .formu-wrapper{width:75%;}
}
@media (max-width: 700px) {
  .formu-wrapper{width:100%;}
  .formu-wrapper p{width: 70%;margin: 0 auto;}
}

/* VIVEPRESTAMO Y VIVECASA*/
.vive-banner{
  height:554px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  overflow: hidden;
}
.vive-banner-img {
  position: absolute;
  width: 100%;
  z-index: -1;
}
.vive-video {
  height:296px;
  width: 511px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 5px 11px -5px rgba(0,0,0,.5);
}
.vive-banner-content{
  width: 40%;
  color: white;
}
.constructora .vive-banner-content {
  width: 80%;
  display: flex;
}
.constructora .vive-banner-content h2{
  margin-top: 100px;
}
.constructora .vive-banner-content img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 70%;
}
.vive-banner-content h2{
  font-size: 2.5rem;
  font-family: 'avenir-black';
  color: white;
  text-transform: none;
}
.vive-banner-content p{
  margin: 30px 0;
  width: 80%;
}
.vive-banner-content a{
  margin:0;
  font-size: 1.3rem;
}
.constructora .article {
  padding: 40px 10%;
  position: relative;
}
.constructora .article p {
  font-size: .85rem;
}
.constructora .article h2 {
  font-size: 2rem;
  font-family: 'avenir-black';
  color: #4E4E4D;
  text-transform: none;
}
.constructora .article h3 {
  font-family: 'avenir-black';
  color: #E73445;
  text-transform: none;
}
.constructora .article h4 {
  font-size: 1.5rem;
  font-family: 'avenir-book';
  color: #666666;
  text-transform: none;
}
.constructora .article .constructora2,
.constructora .article .constructora4 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 35%;
}
.constructora .article .constructora3 {
  position: absolute;
  bottom: -30px;
  right: -30px;
  width: 45%;
}
.constructora .article .article-content {
  width: 65%;
}
.constructora .article .article-flex {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.constructora .article .article-flex>*{
  width: 45%;
}
.constructora .article.box-light-grey .article-flex{
  width: 65%;
}
.constructora  h2.second-title {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 60px;
}
.viveahorro .content {
  margin-top: 120px;
}
.viveahorro .main-content,
.vivecasa .main-content,
.viveprestamo .main-content {
  width: 90%;
  margin: 0 auto ;
  padding: 40px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: .85rem;
}
.viveahorro .main-content{
  position: relative;
  padding-bottom: 0;
  margin-bottom: 50px;
}
.viveahorro .main-content .article {
  width: 40%;
  margin-left: 50px;
}
.viveahorro .main-content .abrir-ahorros{
  position: absolute;
  bottom: 0;
  right: 50px;
  height: 130%;
}
.vivecasa .main-content .article {
  width: 100%;
}
.viveprestamo .main-content .article{
  width: 30%
}
.vivecasa .main-content h2 {
  color:#4E4E4D;
  font-size: 2rem;
  text-align:center;
  font-family: 'avenir-black';
}
.viveahorro .main-content h2,
.viveprestamo .main-content h2 {
  color:#4E4E4D;
  font-size: 2rem;
  text-align:left;
  font-family: 'avenir-black';
  text-transform:none;
}
.viveahorro .main-content h2 {
  font-size: 2.5rem;
  line-height: 100%;
}
.viveprestamo .main-content h4 {
  color:#BBBBBB;
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-transform: none;
}
.vivecasa .main-content a,
.viveprestamo .main-content a {
  margin: 0;
  font-size: 1.2rem;
}
.vivecasa .main-content p,
.viveprestamo .main-content p{
  padding-top: 40px;
}
.vivecasa .main-content h2 + p,
.viveprestamo .main-content h4 + p{
  padding-top: 0;
}
.viveprestamo .second-content{
  background: url('/wp-content/uploads/requisitos-prestamo-fondo.jpg');
}
.vivecasa .third-content{
  background: url('/wp-content/uploads/requisitos-casa-fondo.jpg');   
}
.vivecasa .third-content,
.viveprestamo .second-content{
  margin-bottom: -1px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  font-size: .85rem;
  padding: 80px 0;
}
.vivecasa .third-content .article,
.viveprestamo .second-content .article{
  box-sizing: border-box;
  width: 50%;
  padding-right: 10%;
}
.viveahorro .second-content .article {
  box-sizing: border-box;
  width: 70%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.viveahorro .second-content .content-left{
  width: 40%;
  align-self: flex-start;
}
.viveahorro .second-content .content-right{
  width: 40%;
  align-self: flex-end;
  margin-top: 30px;
}
.vivecasa .third-content .button,
.vivecasa .second-content .button,
.viveahorro .third-content .button,
.viveahorro .second-content .button {
  margin: 20px 0 0;
}
.viveahorro .ahorro-requisito-right{
  position: absolute;
  right: 15%;
  top: 120px;
  height: 35%;
}
.viveahorro .ahorro-requisito-left{
  position: absolute;
  left: 8%;
  bottom: 0;
  height: 60%;
}
.viveahorro .second-content .article li {
  list-style: none;
  padding-bottom: .8rem;
  position: relative;
}
.viveahorro .second-content .article li:before{
  content: "";
  background-color: #C90145;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  top: 3px;
}
.viveahorro .second-content .article h2,
.vivecasa .third-content .article h2, 
.viveprestamo .second-content .article h2{
  color:#4E4E4D;
  font-size: 2rem;
  font-family: 'avenir-black';
}
.viveahorro .second-content .article h2 {
  text-align: center;
  width: 50%;
  margin: 0 auto 50px;
}
.viveahorro .second-content .article h4,
.vivecasa .third-content .article h4,
.viveprestamo .second-content .article h4{
  color:#BBBBBB;
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-transform: none;
}
.viveahorro .second-content .article h4{
  font-weight: bold;
}
.vivecasa .third-content .article-list,
.viveprestamo .second-content .article-list{
  display: flex;
}
.vivecasa .third-content .article-listone,
.vivecasa .third-content .article-listtwo,
.viveprestamo .second-content .article-listone,
.viveprestamo .second-content .article-listtwo{
  width:50%;
  box-sizing: border-box;
  margin-top: 30px;
  padding: 0 10px;
  display: grid;
  grid-template: repeat(3,1fr) / 40px 1fr;
}
.vivecasa .third-content .article-listone p,
.vivecasa .third-content .article-listtwo p,
.viveprestamo .second-content .article-listone p,
.viveprestamo .second-content .article-listtwo p{
  margin-top: 0;
  padding-left: 1rem;
}
.viveahorro .second-content .article h5,
.vivecasa .third-content .article h5,
.viveprestamo .second-content .article h5{
  font-family: 'avenir-black';
  color: #E70042;
  margin-bottom: 15px;
  font-size: 1rem;
}
.viveprestamo .third-content {
  display: flex;
  justify-content: flex-start;
  font-size: .85rem;
  padding: 80px 0;
  position: relative;
}
.viveahorro .second-content{
  background: url('/wp-content/uploads/prestamo-pasos-fondo.jpg');
  margin-top: -1px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  font-size: .85rem;
  padding: 80px 0;
  position: relative;
}
.viveahorro .third-content {
  display: flex;
  justify-content: flex-start;
  font-size: .85rem;
  padding: 80px 0 60px;
  position: relative;
}
.viveprestamo .pasos-imagen{
  position: absolute;
  right: 10%;
  bottom: 0;
  height: 600px;
}
.viveahorro .third-content .article {
  box-sizing: border-box;
  padding: 0 10%;
}
.viveahorro .third-content .article .flex-content {
  display: flex;
  width: 100%;
}
.viveahorro .third-content .article .flex-content>* {
  width: 50%;
}
.viveprestamo .third-content .article{
  box-sizing: border-box;
  width: 50%;
  padding-left: 15%;
} 
.viveahorro .third-content .article h2,
.viveprestamo .third-content .article h2{
  color:#4E4E4D;
  font-size: 2rem;
  font-family: 'avenir-black';
}
.viveahorro .third-content .article strong {
  color:#4E4E4D;
  font-size: 1rem;
  font-family: 'avenir-black';
}
.viveahorro .third-content .article .step {
  display: grid;
  grid-template: 2rem 1fr / 10% 90%;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.viveahorro .third-content .article h5 {
  font-family: 'avenir-black';
  color: #E70042;
  margin-bottom: 15px;
  font-size: 1rem 
}
.viveprestamo .third-content .article .step {
  display: grid;
  grid-template: 2rem 1fr / 20% 80%;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.step .number-step{
  grid-row: 1 / 3;
  font-size: 2rem;
  font-family: 'avenir-black';
  color: #E70042;
  justify-self: center; 
}
.viveahorro .step .number-step{
  justify-self: flex-start;
  align-items: flex-start;
  margin-top: -40px; 
}
.step .top-txt{
  font-size: 1.1rem;
  font-family: 'avenir-black';
  color: #4E4E4D;
}
.infographics {
  width:90%;
  margin: 0 auto;
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.infographic-item{
  position: relative;
  width: 30%;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 5px 11px -5px rgba(0,0,0,.5);
}
.infographic-item img{
  width: 100%;
  height: 100%;
}
.infographic-cover:before{
  color: white;
  position: absolute;
  font-size: 5rem;
  top: calc(50% - 2.5rem);
  left: calc(50% - 2.5rem);
  transform: rotateY(180deg);
  opacity: 0;
  transition: opacity .3s;
}
.infographic-item:hover .infographic-cover:before{
  opacity: 1;
}
.infographics-title {
  color:#4E4E4D;
  font-size: 2rem;
  font-family: 'avenir-black'; 
  text-align: center;
  margin: 80px auto 60px;
}
.infographics-cta {
  margin-bottom: 40px;
}
.vivecasa .second-content{
  color: white;
  font-size: .85rem;
  padding: 80px 0 20px;
  position: relative;
}
.vivecasa .second-content .article{
  text-align: center;
}
.vivecasa .second-content .article h2{
  color:white;
  font-size: 2.5rem;
  font-family: 'avenir-black';
}
.vivecasa .second-content .article strong{
  color:white;
  font-size: 1.5rem;
  width: 50%;
  display: inline-block;
}
.vivecasa .second-content .second-part,
.vivecasa .second-content .first-part{
  width: 65%;
  margin: 0 auto;
  text-align: left;
}
.vivecasa .second-content .first-part{
  display: flex;
  justify-content: center;
  align-items: center;
}
.vivecasa .second-content .first-part-content{
  width: 50%;
  padding: 0 2rem;
}
.vivecasa .second-content .second-part h4,
.vivecasa .second-content .first-part-content h4{
  color:white;
  font-size: 2.5rem;
  font-family: 'avenir-black';
  text-transform: none;
}
.vivecasa .second-content .second-part-content{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
}
.vivecasa .second-content .second-part-content * {
  width: 50%;
  padding-right: 2rem;
}
.vivecasa .second-content .second-part-content>div{
  line-height: 1.2rem;
}
.vivecasa .second-content .second-part-content p{
  display: inline;
  margin: 0;
}
.fourth-content {
  padding: 40px 0 60px;
}
.fourth-content h2 {
  color:#4E4E4D;
  font-size: 2rem;
  font-family: 'avenir-black'; 
  margin-left: 10%;
  margin-bottom: 40px;
}
.FAQ-content {
  box-sizing: border-box;
  width: 85%;
  margin: 0 auto;
  border-radius: 5px;
  color: #666666;
  overflow: hidden;
}
.faq-item .question {
  background-color: #F4F4F4;
  font-size: 1.2rem;
  margin: 0 auto;
  padding: 20px 5%;
  display: flex;
  justify-content: space-between;
}
.faq-item .question-text{
  width: 75%;
}
.faq-item .answer-hr {
  height: 2px;
  border-right: 20px solid #F4F4F4;
  border-left: 20px solid #F4F4F4;
  background-color: #666666;
}
.faq-item .answer {
  box-sizing: border-box;
  font-size: .85rem;
  width: 99%;
  margin: 0 auto;
  padding: 20px 4.5%;
  background: #FFF;
  border-right: 4px solid #E8E8E8;
  border-left: 4px solid #E8E8E8;
  border-top: 2px solid #E8E8E8;
}
.faq-fin {
  background-color: #F4F4F4;
  height: 10px;
}
.faq-close {
  transition: all .3s;
  transform: rotateZ(0deg);
  cursor: pointer;
  align-self: center;
}
.faq-close.opened {
  transform: rotateZ(-180deg);
}
.tipos-compra-img-1{
  width: 40%;
}
.tipos-compra-img-2 {
  height: 40%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.slideshow-infographics {display: none;}
@media (max-width: 1120px) {
  .vive-banner-img {height: 100%; width: auto;min-width: 100%;max-width: unset;}
  .viveprestamo .pasos-imagen {right:0;}
  .viveahorro .main-content .abrir-ahorros {height: 90%;right:0}
  .viveahorro .content {margin-top: 0;}
  .vivecasa .second-content .second-part-content {width: 85%}
  .tipos-compra-img-2 {height: 30%;}
  .viveahorro .ahorro-requisito-right {height: 25%; top: 200px}
  .viveahorro .ahorro-requisito-left {height: 50%; left:0;}
  .constructora .vive-banner-content img {display:none;}
  .constructora .article .article-content {width: 90%}
  .constructora .article .constructora2 {position: unset;display: block; margin: 0 auto;}
  .constructora .article .article-content {margin: 0 auto;}
  .constructora .article .constructora4,
  .constructora .article .constructora3 {position: unset; display: block; margin: 0 auto; width: 75%;}
  .constructora .article.box-light-grey .article-flex {width: 90%; margin: 0 auto;}
}
@media (max-width: 950px) {
  .vive-banner-content p {width: unset;}
  .vive-video{height: 246px; width: 410px;}
  .viveprestamo .main-content {flex-direction: column;}
  .viveprestamo .main-content .article {width: 80%; margin: 0 auto;}
  .viveprestamo .main-content p {padding-top:0}
  .vivecasa .third-content .article-list,
  .viveprestamo .second-content .article-list {flex-wrap: wrap}
  .vivecasa .third-content .article-list > *,
  .viveprestamo .second-content .article-list > * {width: 100%;}
  .vivecasa .third-content .article-listtwo,
  .viveprestamo .second-content .article-listtwo {margin-top: 0;}
  .viveprestamo .pasos-imagen {position: unset;}
  .viveprestamo .third-content {flex-direction: column;}
  .viveprestamo .third-content .article {width: 70%; margin: 0 auto; padding: 0}
  .viveprestamo .pasos-imagen {width: 70%; margin: 0 auto; height: auto;}
  .viveahorro .main-content .article {width: 90%;margin: 0 auto;}
  .viveahorro .main-content .abrir-ahorros {position: unset;}
  .tipos-compra-img-2 {position: unset;width: 70%;height: auto;margin: 0 auto;display: block;}
  .vivecasa .second-content .second-part-content {margin: 0 auto;}
  .vivecasa .second-content .button {margin: 20px auto 0}
  .vivecasa .second-content .article strong {width: 70%;}
  .viveahorro .ahorro-requisito-left,
  .viveahorro .ahorro-requisito-right {position: unset;height: auto;}
  .viveahorro .ahorro-requisito-left {width: 100%;}
  .viveahorro .ahorro-requisito-right{width: 50%; margin: 0 auto;display: block;}
  .viveahorro .second-content .content-left,
  .viveahorro .second-content .content-right{width: 70%;align-self: center;margin-top: 0;}
  .viveahorro .third-content .article .flex-content {flex-direction: column;}
  .viveahorro .third-content .article .flex-content>* {width: 70%; margin: 0 auto;}
  .viveahorro .third-content .article h2 {text-align: center;}
}
@media (max-width: 830px) {
  .vive-banner {height: 650px;flex-direction: column;justify-content: flex-end}
  .constructora .vive-banner {height: 554px;justify-content: center;}
  .vive-banner-content a {margin: 0 auto;}
  .vive-banner-content {width: 90%;margin-top:30px;}
  .vive-video{height: 200px; width: 330px;}
  .vivecasa .third-content,
  .viveprestamo .second-content {background: #EEEEEE;}
  .vivecasa .third-content .article,
  .viveprestamo .second-content .article {width: 70%;margin: 0 auto;padding: 0;}
  .vivecasa .vive-banner-content {margin-bottom: 30px;}
  .vivecasa .second-content .second-part-content,
  .vivecasa .second-content .first-part {flex-direction: column;}
  .tipos-compra-img-1{width: 60%;}
  .vivecasa .second-content .second-part-content,
  .vivecasa .second-content .second-part-content > *,
  .vivecasa .second-content .first-part-content {width: 100%}
  .viveahorro .main-content .abrir-ahorros {width: 100%;}
  .viveahorro .main-content a {margin: 0 auto !important}
}
@media (max-width: 700px) {
  .viveahorro .main-content,
  .viveahorro .second-content,
  .viveahorro .third-content,
  .vivecasa .second-content,
  .vivecasa .third-content,
  .viveprestamo .second-content,
  .viveprestamo .main-content {font-size: 1rem;}
  .vivecasa .second-content .first-part,
  .vivecasa .second-content .second-part h4,
  .vivecasa .second-content .second-part .second-part-content,
  .viveprestamo .third-content .article,
  .viveprestamo .pasos-imagen,
  .viveprestamo .second-content .article,
  .viveprestamo .main-content .article {width: 90%;}
  .vivecasa .main-content {display: none;}
  .vivecasa .second-content {padding-bottom: 0;}
  .vivecasa .second-content .second-part h4 {margin-left: auto; margin-right: auto;}
  .vivecasa .second-content .second-part >p {margin-bottom: 0;}
  .vivecasa .second-content .second-part,
  .tipos-compra-img-2{width: 100%;}
  .viveahorro .second-content .article {width: 90%;}
  .viveahorro .second-content .article h2 {width: 100%}
  .viveahorro .second-content .content-left,
  .viveahorro .second-content .content-right{width: 100%;}
  .viveahorro .ahorro-requisito-right{width: 60%;}
  .viveahorro .third-content .article {padding: 0;}
  .viveahorro .third-content .button {margin: 20px auto 0}
  .viveahorro .third-content .article .flex-content>* {width: 90%;}
  .slideshow-infographics {display: block;}
  .infographics {display: none;}
  .faq-item .answer {font-size: 1rem;}
  .constructora .article .constructora2 {width: 75%;}
  .constructora .article .article-flex {flex-direction: column;}
  .constructora .article .article-flex>* {width: 100%;}
  .constructora .article p {font-size: 1rem;}
  .constructora .article .constructora4,
  .constructora .article .constructora3 {width: 90%;}
}
/* PROJECTS SEARCH */
.imagen-principal-proyecto {
  position: absolute;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  max-width: unset;
  z-index: -1;
}
.banner-project {
  height: 352px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.banner-project-content h2{
  color: #fff;
  font-size: 2.5rem;
  font-family: 'avenir-black';
  text-transform: none;
  text-align: center;
}
.search-form-project{
  display: flex;
}
.banner-project-content .wrapper-filters-projects-flex {
  display: flex;
  align-items: flex-end;
}
.banner-project-content .wrapper-filters-projects {
  margin: 0 12px;
  position: relative;
}
.banner-project-content .wrapper-filters-projects select{
  height:100%;
  width:260px;
  padding: 0 20px;
  border-radius:5px;
  color:#4E4E4D;
  position:relative;
  z-index:1;
  background:transparent;
}
.banner-project-content .wrapper-filters-projects .arrow-down{
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-top:10px solid #e70042;
  border-right:7px solid transparent;
  position:absolute;
  right:20px;
  top:30px;
  border-radius:2px;
}
.banner-project-content .cover-select{
  background:rgba(255,255,255,.75);
  height:47px;
  border-radius:5px;
  width:100%;
  margin-top:10px;
}
.banner-project-content .search-submit {
  background: linear-gradient(60deg, #FF0032, #FF0064);
  color:#FFF;
  border: none;
  box-shadow: 0 5px 11px -5px rgba(0,0,0,.5);
  cursor:pointer;
  border-radius: 5px;
  width: 47px;
  height: 47px;
}
.banner-project-content .search-submit span:before{
  font-size: 1.5rem;
  transform: rotateY(180deg);
}
.content-project h2{
  text-align: center;
  color:#4E4E4D;
  font-family: 'avenir-black';
  font-size: 2rem;
}
.content-project .search-wrapper-projects {
  max-width: 1000px;
  margin: 50px auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
}
.content-project .project-slide-wrapper {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 5px 5px 15px -5px rgba(0,0,0,.35);
}
.content-project .project-slide-image {
  height: 153px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.content-project .project-slide-image img {
  width: auto;
  min-height: 100%;
}
.content-project .project-slide-content {
  padding: 1rem;
}
.content-project .project-title-red {
  font-size: .9rem;
  color: #C90145;
  text-transform: none;
  margin: 0;
}
.content-project .project-title {
  font-family: 'avenir-black';
  color: #4E4E4D;
  text-transform: none;
  font-size: 1.2rem;
  margin: 0 0 .5rem;
}
.content-project .project-info p{
  color: #4E4E4D;
  font-size: .9rem;
  margin: 0 0 .5rem;
}
.content-project .pagination-search {
  display: flex;
  justify-content: center;
  margin: 50px 0;
}
.content-project .pagination-search a.inactive {
  margin: 0 10px;
  color: #000000;
}
.content-project .pagination-search span.current {
  margin: 0 10px;
  color: #C90145;
}
.content-project .pagination-search a.arrows-search {
  margin: 0 10px;
  background: red;
  color: white;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
@media (max-width:950px){
  .banner-project{height: 420px;}
  .search-form-project{flex-direction: column;align-items: center;}
  .banner-project-content h2 {margin-bottom: 0;}
  .banner-project-content .wrapper-filters-projects-flex{margin-top: 10px;width:260px}
  .banner-project-content .search-submit {width: 100%;}
  .content-project .search-wrapper-projects{grid-template-columns: 1fr 1fr;padding: 0 30px;}
}
@media (max-width:700px){
  .content-project .search-wrapper-projects{grid-template-columns: 1fr;padding: 0 150px;}
  .banner-project-content h2 {font-size: 1.5rem;}
}
@media (max-width:550px){
  .content-project .search-wrapper-projects{padding: 0 50px;}
}
/* PROYECTO-DECRIPCION */
.banner-descripcion-project {
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.imagen-descripcion-proyecto {
  width: 100%;
  min-height: 100%;
  filter: brightness(.8);
}
#content-project-description {
  width: 1100px;
  margin: 50px auto 0;
  display: grid;
  grid-template-columns: calc(60% - 90px) 35%;
  grid-column-gap: 90px;
}
#content-project-description .title-decoration {
  border: none;
  height: 1px;
  background: #c6c6c6;
}
#content-project-description .wrapper-title-projects {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  border-bottom: 1px solid #C6C6C6;
}
#content-project-description .wrapper-title-projects h1 {
  font-family:"avenir-black";
  font-size:2.5rem;
  color: #4E4E4D;
  text-transform:none;
  margin-bottom: 0;
}
#content-project-description .wrapper-title-projects h3 {
  font-family:"avenir-black";
  font-size:1.5rem;
  color: #C90145;
  text-transform:none;
}
#content-project-description .wrapper-title-projects p {
  font-size:1.2rem;
  color: #4E4E4D;
}
#content-project-description .wrapper-title-projects span {
  color: #3B3C3A;
}
#content-project-description .wrapper-title-projects h5 {
  text-transform: none;
  width: 43%;
  color: #666666;
}
#content-project-description .wrapper-title-projects a {
  border-radius: 50%;
  color: #fff;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}
#content-project-description .wrapper-title-projects a.fa-facebook {
  background-color: rgb(59, 89, 152);
}
#content-project-description .wrapper-title-projects a.fa-twitter {
  background-color: rgb(0, 171, 241);
}
#content-project-description .wrapper-description {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  border-bottom: 1px solid #C6C6C6;
}
#content-project-description .wrapper-description h3{
  font-family: 'avenir-black';
  text-transform: none;
  color: #4E4E4D;
}
#content-project-description .wrapper-description p{
  color: #4E4E4D;
}
#content-project-description .wrapper-description strong{
  font-weight: normal;
}
#content-project-description .wrapper-cta-project {
  grid-column: 2 / 3;
  grid-row: 1 /3;
  border: 1px solid #C6C6C6;
  border-radius: 5px;
  padding: 25px;
  align-self: baseline;
}
#content-project-description .wrapper-cta-project h3 {
  font-size:1.2rem;
  color: #4E4E4D;
  text-transform: none;
}
#content-project-description .wrapper-cta-project h3+p{
  font-family:"avenir-black";
  font-size:2rem;
  color: #4E4E4D;
  margin: 0 0 20px;
}
#content-project-description .wrapper-cta-project .sup-ind {
  font-size: 1rem;
  vertical-align: super;
}
#content-project-description .wrapper-cta-project hr+p {
  color: #4E4E4D;
  font-size: 1rem;
  line-height: 1.5rem;
}
#content-project-description .wrapper-cta-project .button{
  margin: 30px auto;
  font-size: 1.2rem;
  padding: 15px 1rem;
}
#content-project-description .wrapper-info-project,
#content-project-description .wrapper-photos {
  grid-column-start: 1;
}
#content-project-description .wrapper-info-project {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
#content-project-description .wrapper-info-project h3{
  font-family: 'avenir-black';
  text-transform: none;
  color: #4E4E4D;
}
#content-project-description .wrapper-info-project .field {
  font-size: .8rem;
  margin-bottom: 10px;
}
#content-project-description .wrapper-info-project .red-right{
  font-size: .8rem;
  color: #C90145;
  padding-left: 15px;
}
#content-project-description .wrapper-info-project .wrapper-areas-sociales {
  list-style: none;
  font-size: .8rem;
  padding-left: 15px;
}
#content-project-description .wrapper-info-project .wrapper-areas-sociales li {
  margin-bottom: 10px;
}
#content-project-description .wrapper-photos {
  grid-column-end: 3;
  padding: 20px 0;
}
#content-project-description .wrapper-photos hr {
  margin: 0;
  width: 75%;
}
#content-project-description .wrapper-photos h3 {
  font-family: 'avenir-black';
  text-transform: none;
  color: #4E4E4D;
  margin-bottom: 20px;
}
#content-project-description .wrapper-pdf{
  padding: 50px 0;
  margin: 0;
}
#content-project-description .wrapper-pdf .button {
  margin: 0;
}
.modal-fade#modalCotizador {
  position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.5);
	justify-content: center;
	align-items: center;
	z-index: 1050;
	opacity: 0;
	display: none;
}
.modal-fade.active#modalCotizador{
  opacity: 1;
  display: flex;
}
#modalCotizador .modal-content{
  width: 455px;
	background-color: #fff;
	border-radius: 10px;
  padding: 50px 0px;
  position: relative;
}
#modalCotizador .modal-content h3 {
  font-family: 'avenir-black';
	color: #4E4E4D;
	text-transform: none;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 30px;
}
#modalCotizador .modal-content p {
  width: 80%;
	margin: 0 auto 20px;
	text-align: center;
}
#modalCotizador #wrapper-form-contact #crmWebToEntityForm {
  width: 100%;
  box-shadow: unset;
  padding: 1rem 3rem;
  box-sizing: border-box;
  margin: 20px 0 auto;
}
#cotizarClose{
  position: absolute;
  top: -20px;
  right: -15px;
  cursor: pointer;
}
#cotizarClose:before{
  background-color: #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: -1px 1px 5px rgba(0,0,0,.5);
  font-size: 1.2rem;
  color: #666666;
}
.wrapper-cta-project-mobile {display: none;}
@media (max-width:1120px){
  #content-project-description {grid-template-columns: 1fr; width:90%;grid-column-gap: 0}
  .wrapper-cta-project {display: none;}
  #content-project-description .wrapper-cta-project.mobile {grid-column: unset;grid-row: unset;background:white;display: block;height: calc(100% - 42px);}
  #content-project-description .wrapper-cta-project-mobile {position:fixed; width:100%;height:100%;left:0;top: calc(100vh - 42px);transition: all .3s;}
  #content-project-description .wrapper-cta-project-mobile.showed {top:0;z-index: 1000;}
  .wrapper-cta-project-mobile {display: block;grid-column: 1 / 2;}
  .wrapper-cta-project-mobile .fa-chevron-down{width:100%;height: 3rem;background: #4E4E4D;color: #FFF;font-size: 1.5rem;border-top-left-radius: 1.5rem;border-top-right-radius: 1.5rem;cursor: pointer;}
  .wrapper-cta-project-mobile .fa-chevron-down::before {margin-right: 10px;transition: rotate .2s;}
  .wrapper-cta-project-mobile .fa-chevron-down.clicked::before {transform: rotateZ(180deg)}
}
@media (max-width:700px) {
  #content-project-description .wrapper-info-project{flex-direction: column;}
  #content-project-description .wrapper-info-project .red-right {font-size: 1rem;}
  #content-project-description .wrapper-info-project .field {font-size: 1.2rem;}
  #content-project-description .wrapper-info-project .wrapper-areas-sociales {font-size: 1.2rem; padding-left: 0;} 
  #content-project-description .wrapper-pdf .button {margin: 0 auto;}
  .wrapper-cta-project-mobile .fa-chevron-down {height: 3.5rem;font-size: 2rem;}
}
/* NOSOTROS */
.nosotros-banner {
  position: relative;
  height: 554px;
  overflow: hidden;
  display: flex;
  justify-content: flex-end
}
.nosotros-banner-bg {
  position: absolute;
  height: auto;
  min-height: 100%; 
  width: auto;
  min-width: 100%;
  max-width: unset;
}
.nosotros-banner-content {
  z-index: 10;
  width: 50%;
  height: auto;
  align-self: center
}
.nosotros-banner-content h1 {
  color: #fff;
  font-size: 2rem;
  text-transform: none
}
.nosotros-banner-content h2 {
  color: #C90145;
  font-size: 1.5rem;
  text-transform: none
}
.nosotros-banner-text {
  display: flex;
  width: 85%;
  color: #fff;
  font-size: .85rem;
  justify-content: space-between
}
.nosotros-banner-text p {
  margin: 0;
  width: 45%
}
.equipo-content strong,
.nosotros-banner-text strong {
  font-weight: inherit
}
.equipo-content {
  width: 60%;
  margin: 80px auto
}
.equipo-content h2 {
  font-size: 2.5rem;
  text-align: center;
  color: #4E4E4D
}
.equipo-content p {
  font-size: .85rem;
  text-align: center;
  color: #4E4E4D
}
.employees-content {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  justify-content: space-around
}
.employees-content .employee-item {
  width: 250px;
  height: 250px;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 10px;
  position: relative;
  margin: 40px 0
}
.employees-content .employee-image {
  width: 100%;
  height: auto
}
.employees-content .employee-item .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(201, 1, 69, .8);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 100%;
  transition: all .3s
}
.employee-item .cover h4,
.employee-item .cover p {
  width: 80%;
  font-family: avenir-black;
  color: #fff;
  text-align: center
}
.employees-content .employee-item:hover .cover {
  top: 0
}
.employee-item .cover h4 {
  font-size: 2rem
}
.employee-item .cover p {
  font-size: 1.5rem;
  margin: 0
}
.trabaje-content {
  background-image: url(/wp-content/uploads/requisitos-prestamo-fondo.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 40px
}
.trabaje-text {
  background: rgba(231, 52, 68, .8);
  padding: 50px 0;
  text-align: center;
  color: #fff
}
.trabaje-content h2 {
  font-family: avenir-black;
  font-size: 2rem;
  color: #fff
}
.trabaje-content h5 {
  font-size: 2rem;
  text-transform: none;
  margin: 30px 0;
  color: #fff
}
.trabaje-content p {
  width: 35%;
  margin: 0 auto 40px;
  font-size: .85rem
}

@media (max-width: 950px) {
  .nosotros-banner {justify-content: center;}
  .nosotros-banner-content{width: 75%}
  .nosotros-banner-text {width: 100%;}
}
@media (max-width: 700px){
  .nosotros-banner-content{width: 90%}
  .nosotros-banner-text {display: flex; flex-direction: column;}
  .nosotros-banner-text p {width: 100%;font-size: 1.2rem;}
  .equipo-content {width: 75%}
  .equipo-content p {font-size: 1.5rem;}
  .trabaje-content p {font-size: 1.5rem; width: 75%}
}
/* BLOG */
.article-banner,
.blog-banner {
  height: 554px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  overflow: hidden;
  position: relative;
}
.blog-banner-img {
  position: absolute;
  z-index: -1;
  height: auto;
  min-height: 100%; 
  width: auto;
  min-width: 100%;
  max-width: unset;
}
.article-banner-content {
  margin: 0 auto;
}
.article-banner-content,
.blog-banner-content {
  width: 45%;
}
.article-banner-content h2,
.article-banner-content p {
  text-align: center;
  color: white;
}
.article-banner-content h2,
.blog-banner-content h2 {
  color: white;
  font-size: 2.2rem;
  font-family: 'avenir-black';
  text-transform: none;
}
.blog-banner-content a {
  margin-left: 0;
}
.blog-banner-side{
  width: 30%;
  display: flex;
  flex-direction: column;
}
.blog-banner-side a {
  color: white;
  border-bottom: solid 2px white;
  margin-bottom: 50px;
}
.blog-main-content {
  margin: 80px 10%;
  display: grid;
  grid-template-columns: calc(65% - 60px) 35%;
  grid-column-gap: 60px;
}
.blog-main-content .main-content .alm-reveal{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.blog-main-content .main-content .mini-article {
  width: 47%;
  margin-bottom: 40px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,.35);
}
.mini-content {
  padding: 15px;
}
.mini-content .info-red{
  font-size: .85rem;
  color: #C90145;
}
.mini-content h4 {
  font-family: 'avenir-black';
  color: #4E4E4D;
  text-transform: none;
  font-size: 1.2rem;
  line-height: 100%
}
.mini-content p {
  color: #4E4E4D;
  font-size: .85rem;
}
.sidebar2 {
  height: calc(100vh - 10px);
  overflow-y: scroll;
  position: sticky;
  top: 10px;
}
.sidebar2 h3{
  font-family: 'avenir-black';
  color: #4E4E4D;
  text-transform: none;
  font-size: 1.5rem;
}
.sidebar2 .recent-post {
  position: relative;
  height: 70px;
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg,rgba(6,6,6,.75),transparent);
}
.sidebar2 .recent-post img {
  position: absolute;
  z-index: -1;
}
.sidebar2 .recent-post a {
  color: white;
  font-family: 'avenir-black';
  width: 75%;
  font-size: 14px;
}
.sidebar2 .recent-post a p {
  margin: 0;
}
.sidebar2 .recent-post .number-list {
  color: white;
  border: solid 1px white;
  border-radius: 50%;
  font-size: 20px;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}
.sidebar2 .sidebar-separator {
  margin: 40px 0;
  height: 2px;
  border: none;
  background-color: #4E4E4D;
}
.sidebar2 .widget.categories ul {
  list-style: none;
  padding: 0;
}
.sidebar2 .widget.categories ul li a{
  display: inline-block;
  background: linear-gradient(60deg, #FF0032, #FF0064);
  box-shadow: 0 5px 11px -5px rgba(0,0,0,.5);
  padding: .8rem 1rem;
  border: none;
  border-radius:25px;
  width: 70%;
  margin-bottom: 20px;
  color:#FFF;
  font-size: 13px;
  font-family:"avenir-black";
}
.sidebar2 .widget.categories ul li.active a{
  background: #FFF;
  border: 1px solid #FF0032;
  color: #FF0032;
}

.sidebar2 .widget.newsletter input[type="text"],
.sidebar2 .widget.newsletter input[type="email"]{
  padding: 15px;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #A1A1A1;
  width: 100%;
  margin-bottom: 20px;
}
.sidebar2 .widget.newsletter input[type="submit"] {
  background: linear-gradient(60deg, #FF0032, #FF0064);
  box-shadow: 0 5px 11px -5px rgba(0,0,0,.5);
  padding: .8rem 1rem;
  border: none;
  border-radius:25px;
  cursor:pointer;
  width: 70%;
  color:#FFF;
  font-family:"avenir-black";
  display: block;
  margin: 0 auto;
}
@media ( max-width: 1120px ) {
  .blog-main-content .main-content .mini-article{width: 90%;margin: 0 auto 40px;}
  .blog-main-content {margin: 80px 5%;}
}
@media ( max-width: 950px ) {
  .blog-banner-side {display: none;}
  .blog-main-content {grid-template-columns: 1fr;width: 60%; margin: 80px auto;}
  .sidebar2 {grid-row-start: 1;position: unset; height: auto; overflow-y:auto;}
}
@media ( max-width: 700px ) {
  .article-banner-content, .blog-banner-content {width: 90%; text-align: center;}
  .blog-banner-content a {margin: 0 auto;}
  .blog-main-content {width: 80%;}
}
@media ( max-width: 550px ) {
  .blog-main-content .main-content .mini-article {width:100%;}
}
/* CONTACTO */
.contact .main-content {
  display: grid;
  grid-template-columns: 400px 1fr;
}
.contact .main-content .article {
  padding: 2rem;
}
.contact .main-content .contact-title {
  font-family: "avenir-black";
  font-size: 2rem;
  color: #4E4E4D;
}
.contact .main-content .contact-text {
  font-size: .85rem;
  color: #4E4E4D;
}
.contact .main-content .button.button-small {
  padding: 8px;
  margin-top: 10px;
  color: #FFF;
}
.contact .location-item {
  padding: 1rem 2rem;
  border-radius: 10px;
  margin-top: 20px;
  cursor: pointer;
}
.contact .location-item .link-footer {
  text-decoration: underline;
  font-weight: bold;
}
.contact .location-item h4{
  font-family: "avenir-black";
  color: #4E4E4D;
}
.contact .location-item.active {
  background-color: #E70042;
}
.contact .location-item.active *,
.contact .location-item.active .text{
  color: #FFF;
}
.contact .location-item.active .button.button-small {
  background: #FFF;
  color: #4E4E4D;
}
.contact .location-item a,
.contact .location-item .text {
  color: #4E4E4D;
  font-size: .85rem;
}
.contact-content {
  padding: 80px 0;
}
.contact-content h4 {
  color: #4E4E4D;
  font-family: 'avenir-black';
  font-size: 2rem;
  text-align: center;
}
.contact-content .content-options {
  display: flex;
  justify-content: space-around;
  width: 50%;
  margin: 30px auto 0;
  min-width: 400px;
  align-items: center;
}
.contact-content .content-options .wsp-link{
  background-color: #25d366;
  border-radius: 30px;
  display: inline-flex;
  font-size: 12px;
  padding: 4px 12px;
  text-align: center;
  align-items: center;
  line-height: 26px;
  cursor: pointer;
  color: #fff;
  fill: transparent;
  box-sizing: content-box;
}
.contact-content .content-options .wsp-button-text{
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 15px;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  color: #fff;
  fill: transparent;
  font-family: Segoe UI,Segoe UI Local,Segoe WP,Segoe UI Web,Segoe UI Arabic Web,Segoe UI Cyrillic Web,Segoe UI Greek Web,Segoe UI Hebrew Web,Tahoma,Helvetica Neue,Helvetica,Meiryo UI,Meiryo,Arial Unicode MS,sans-serif;
}
@media (max-width: 950px) {
  .contact .main-content { grid-template-columns: 1fr;grid-template-rows:1fr 400px} 
}
@media (max-width: 700px) {
  .contact .location-item a,
  .contact .location-item .text,
  .contact .main-content .contact-text {font-size: 1rem;}
}
/* BACOLOMBIA y DAVIVIENDA*/
.davivienda .col-2,
.bancolombia .col-2 {
  display: flex;
  justify-content: space-between;
}
.davivienda .col-2>*,
.bancolombia .col-2>*{
  width: 45%;
}
.davivienda .main-title,
.bancolombia .main-title {
  font-family: 'avenir-black';
  color: #4E4E4D;
  font-size: 2rem;
  text-transform: none;
}
.davivienda .content,
.bancolombia .content {
  padding: 80px 0;
  position: relative;
}
.davivienda .content-2,
.bancolombia .content-2 {
  background-color: #E73445;
  color: #FFF;
}
.davivienda .main-content.main-content-2,
.davivienda .main-content.main-content-3,
.bancolombia .main-content.main-content-2 {
  width: 58%
}
.davivienda .content-2 .main-title,
.bancolombia .content-2 .main-title {
  color: #FFF;
}
.davivienda .main-content,
.bancolombia .main-content {
  width: 45%;
  box-sizing: border-box;
}
.davivienda .main-content-1,
.davivienda .main-content-2,
.davivienda .main-content-4,
.bancolombia .main-content-1,
.bancolombia .main-content-3 {
  margin-left: auto;
  padding-right: 5%;
}
.davivienda .main-content-3,
.bancolombia .main-content-2 {
  right: auto;
  padding-left: 5%;
}
.davivienda-img-1,
.davivienda-img-4,
.bancolombia-img-1{
  left: 20%;
  height: 98%;
  top: 2%;
}
.davivienda-img-2 {
  left: 5%;
  height: 80%;
  top: 10%;
}
.davivienda-img-3 {
  right: 5%;
  height: 80%;
  top: 10%;
}
.bancolombia-img-2 {
  right: 0;
  height: 100%;
  top: 0;
}
.bancolombia-img-3{
  left: 20%;
  height: 102%;
  top: -2%;
}
.davivienda-img-1,
.davivienda-img-2,
.davivienda-img-3,
.davivienda-img-4,
.bancolombia-img-1,
.bancolombia-img-2,
.bancolombia-img-3 {
  position: absolute;
}
.davivienda .content-4 {
  background-color: #F5F5F5;
}
.bancolombia .content-4 {
  background-color: #F5F5F5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bancolombia .content .message {
  width: 400px;
  max-width: 90%;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 10px -2px #000;
  margin-bottom: 40px;
  text-align:center;
  padding: 20px;
  position: relative;
  box-sizing: border-box;
}
.bancolombia .content .message:after {
  content: '';
  width: 0;
  height: 0px;
  border-top: 30px solid #fff;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  bottom: -30px;
  left: calc(50% - 30px);
  position: absolute;
}
.bancolombia .content .author-message {
  color: #E73445;
}
.bancolombia .content .author-message p {
  margin-bottom: 0;
  font-weight: bold;
}
.bancolombia .content .img-message {
  height: 61px;
  width: 61px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px -2px #000;
}
@media (max-width: 1120px) {
  .davivienda .col-2,
  .bancolombia .col-2 {
    flex-direction: column;
  }
  .davivienda .col-2>*,
  .bancolombia .col-2>*{
    width: 100%;
  }
  .davivienda-img-1,
  .davivienda-img-2,
  .davivienda-img-3,
  .davivienda-img-4,
  .davivienda-logo,
  .bancolombia-img-1,
  .bancolombia-img-2,
  .bancolombia-img-3,
  .bancolombia-logo {
    position: inherit;
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
  }
  .davivienda .main-content.main-content-1,
  .davivienda .main-content.main-content-2,
  .davivienda .main-content.main-content-3,
  .davivienda .main-content.main-content-4,
  .bancolombia .main-content.main-content-1,
  .bancolombia .main-content.main-content-2,
  .bancolombia .main-content.main-content-3 {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding:0;
  }
  .davivienda .main-title {text-align: center;}
  .bancolombia .main-title {text-align: center;}
}
/* UTILS */
.row:before, .row:after{content:"";display:table;clear:both}
.button{
  font-family:"avenir-black";
  width:240px;
  color:#FFF;
  background: linear-gradient(60deg, #FF0032, #FF0064);
  box-shadow: 0 5px 11px -5px rgba(0,0,0,.5);
  border: none;
  padding:1rem;
  display:block;
  border-radius:25px;
  text-align:center;
  cursor:pointer;
  margin-right: auto;
  margin-left:auto;
}
a.button{
  padding: 20px 1rem 15px;
}
a.button.button-small{
  padding: 15px .6rem 10px;
  font-size: 1rem;
}
.button-white{
  background:#FFF;
  color:#4E4E4D;
}
.box-red{background:#E73445;}
.red{color:#E73445;}
.box-grey{background:#ddd9d9}
.box-dark-grey{background:#3B3C3A;}
.box-light-grey{background:#eeeeee;}
.box-lighter-grey{background:#f9f9f9;}
.mb-2{margin-bottom: 2rem !important}
.mt-2{margin-top: 2rem !important}
.slick-list.draggable {outline: none;}