/* SCROLL*/
::-webkit-scrollbar-track {
  background-color: #515252; }

::-webkit-scrollbar {
  width: 7px;
  background-color: #6f8b7f; }

::-webkit-scrollbar-thumb {
  background: #6f8b7f; }

::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 100px 20px #6f8b7f; }

/*VOLVER ARRIBA*/
.back-top {
  background-image: none;
  background-color: #6f8b7f;
}
  
.back-topp.--contact {
  right: 20px;
  bottom: 98px;
  height: 60px;
  position: fixed;
  border-radius: 50%;
  width: 60px;
  overflow: hidden;
  background-color: #1b1b1b;
  box-shadow: 0 0 0 0 #1b1b1b;
  animation: explode 1.7s cubic-bezier(.66,0,0,1) 1.7s infinite;
}

@media screen and (max-width: 860px){
    .back-topp.--contact {
      right: 16px;
      height: 49px;
      width: 49px;
    }
}

@keyframes explode {
  to {
    box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
  }
}

.back-topp.--contact:hover {
  -webkit-animation: none;
}

.back-topp.--contact img{
  height: 100%;
  margin-top: 5px;
}

/*SLICK*/
.slick-next::before {
  font-family: FontAwesome;
  content: "\f054";
  font-size: 30px;
  z-index: 1; }

.slick-prev::before {
  font-family: FontAwesome;
  content: "\f053";
  font-size: 30px;
  z-index: 1; }

/*LOADING*/
.lds-ring {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px; }

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  margin: 3px;
  border: 3px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent; }

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s; }

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s; }

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.gradient-bg {
  background-image: none;
  background-color: #6f8b7f; }

@font-face {
  font-family: 'FontAwesome';
  src: url(../fonts/fontawesome-webfont.woff2); }
@font-face {
  font-family: 'CircularStd-Light';
  src: url(../fonts/CircularStd-Light.otf); }
@font-face {
  font-family: 'CircularStd-Book';
  src: url(../fonts/CircularStd-Book.otf); }
@font-face {
  font-family: 'AppleGaramond';
  src: url(../fonts/AppleGaramond.ttf); }
.rev_slider {
  background-color: #6f8b7f; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .rev_slider {
    background-color: transparent;
    background-image: url("../images/slider/1-xs.png");
    background-size: cover; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.contacto {
  background-color: #ab937d;
  padding-top: 50px;
  padding-bottom: 50px; }
  .contacto h1 {
    color: #d1d0c3;
    font-family: 'CircularStd-Light';
    line-height: 42px; }
    .contacto h1 span {
      color: #baab99; }
  .contacto form h2 {
    font-family: 'CircularStd-Light';
    color: #d1d0c3;
    font-size: 2.5rem;
    margin-bottom: 20px; }
  .contacto form .form-control {
    background-color: transparent;
    border-radius: 0px;
    border-width: 0px 0px 1px 0px;
    border-color: #d1d0c3; }
    .contacto form .form-control::placeholder {
      color: #d1d0c3; }
  .contacto form select {
    color: #d1d0c3; }
  .contacto form .btn {
    background-color: #1a2d26;
    color: #FFF;
    margin-top: 20px; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .contacto {
    padding-bottom: 130px; }
    .contacto h1 {
      line-height: 50px;
      margin-bottom: 30px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .contacto {
    padding-bottom: 250px; }
    .contacto form {
      padding-top: 70px; }
      .contacto form .form-control {
        height: 80px; } }
.ubicacion {
  background-color: #1a2d26;
  padding-bottom: 50px; }
  .ubicacion .mapa {
    margin-top: -150px; }
    .ubicacion .mapa iframe {
      width: 100%;
      height: 500px; }
  .ubicacion .cuerpo {
    color: #d1d0c3; }
    .ubicacion .cuerpo h2 {
      font-family: 'CircularStd-Light';
      font-size: 2.2rem; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .ubicacion .mapa {
    margin-top: -100px; }
    .ubicacion .mapa iframe {
      height: 300px;
      margin-bottom: 50px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .ubicacion {
    position: relative; }
    .ubicacion .mapa {
      position: absolute; }
      .ubicacion .mapa iframe {
        width: 1100px; }
    .ubicacion .cuerpo {
      padding-top: 430px; }
      .ubicacion .cuerpo h2 {
        margin-bottom: 70px;
        margin-top: 40px; }
      .ubicacion .cuerpo h2, .ubicacion .cuerpo p {
        padding-right: 180px;
        padding-left: 100px; }
      .ubicacion .cuerpo img {
        max-width: 270px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.distancia {
  padding-top: 70px;
  padding-bottom: 50px; }
  .distancia h1 {
    font-family: 'CircularStd-Light';
    color: #ab937d;
    font-size: 4rem;
    margin-bottom: 50px; }
  .distancia p {
    color: #ab937d;
    font-size: 1.1rem; }

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .distancia {
    padding-bottom: 200px; }
    .distancia .items {
      padding-top: 60px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.vecindario {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #dbdacd; }

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .vecindario .block-1 {
    padding-left: 90px;
    padding-right: 50px; }
    .vecindario .block-1::before {
      content: url("../images/ve-.png");
      position: absolute;
      margin-top: 440px;
      margin-left: 70px; }
  .vecindario .block-2 {
    position: relative; }
    .vecindario .block-2 .d-block {
      position: absolute;
      margin-top: -170px;
      max-width: 430px; }
  .vecindario .block-3 {
    margin-top: 250px;
    padding-right: 50px; }
    .vecindario .block-3::before {
      content: url("../images/cin-.png");
      position: absolute;
      margin-left: 550px;
      margin-top: 50px; }
  .vecindario .block-4 {
    padding-right: 0px;
    margin-top: -80px; }
  .vecindario .block-5 {
    padding-left: 0px;
    margin-top: -50px; }
    .vecindario .block-5::before {
      content: url("../images/dario.png");
      position: absolute;
      margin-left: 380px;
      margin-top: 81px; }
  .vecindario .block-6 {
    padding-left: 90px;
    padding-right: 50px;
    position: relative; }
    .vecindario .block-6 .d-block {
      position: absolute;
      max-width: 630px;
      margin-top: 100px; }
  .vecindario .block-7 {
    padding-right: 80px;
    margin-top: -180px; }
    .vecindario .block-7::before {
      content: url("../images/sucre.png");
      position: absolute;
      margin-left: -330px;
      margin-top: 50px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.caracteristicas {
  padding-top: 50px;
  padding-bottom: 50px; }
  .caracteristicas::before {
    content: url("../images/after-caracteristicas.png");
    position: absolute;
    margin-left: -230px;
    margin-top: 600px; }
  .caracteristicas p, .caracteristicas ul > li {
    color: #ab937d; }
  .caracteristicas ul > li {
    list-style: disc; }
  .caracteristicas ul {
    padding-left: 22px; }
  .caracteristicas .titulo h1 {
    font-family: 'CircularStd-Light';
    color: #ab937d;
    font-size: 4rem;
    margin-bottom: 50px; }
  .caracteristicas .titulo.titulo2 {
    margin-top: 30px; }
  .caracteristicas .subtitulo h2 {
    font-family: 'CircularStd-Light';
    color: #ab937d;
    font-size: 2rem;
    padding-bottom: 13px;
    margin-bottom: 30px; }
    .caracteristicas .subtitulo h2.border {
      border: 0px !important;
      border-bottom: 1px solid #ab937d !important; }
  .caracteristicas .detalle h1 {
    font-family: 'CircularStd-Book';
    color: #ab937d;
    font-size: 5rem; }
  .caracteristicas .detalle p {
    font-size: 1.3rem;
    margin-top: -10px; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .caracteristicas::before {
    margin-left: -320px; }
  .caracteristicas .subtitulo h2 {
    margin-top: 30px;
    margin-bottom: 5px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .caracteristicas {
    padding-top: 150px;
    padding-left: 70px;
    padding-right: 40px; }
    .caracteristicas .detalle .block-1, .caracteristicas .detalle .block-4 {
      padding-left: 50px; }
    .caracteristicas .detalle .block-2 {
      padding-left: 80px; }
    .caracteristicas .detalle .block-3 {
      padding-left: 150px; }
    .caracteristicas .detalle .block-4 {
      margin-top: 60px; }
    .caracteristicas .titulo.titulo2 {
      margin-top: 50px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.vistas {
  background-color: #6f8b7f;
  padding-top: 50px;
  padding-bottom: 50px; }
  .vistas h2 {
    font-family: 'CircularStd-Light';
    color: #dbdacd;
    font-size: 2.4rem; }
    .vistas h2 span {
      font-weight: 600; }
  .vistas .block-2 h2 {
    margin-bottom: 30px; }
  .vistas::before {
    content: url("../images/after-vista-1.png");
    position: absolute;
    right: 0;
    margin-top: 550px; }
  .vistas .block-3::before {
    content: url("../images/after-vista-2.png");
    position: absolute;
    left: 0;
    margin-top: 220px; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .vistas::before {
    content: ''; }
  .vistas .block-3, .vistas .block-8 {
    margin-top: 35px;
    margin-bottom: 25px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .vistas .block-1 {
    padding-left: 70px;
    padding-right: 70px; }
    .vistas .block-1::before {
      content: url("../images/tipo-1.png");
      position: absolute;
      margin-top: 160px;
      margin-left: 580px; }
  .vistas .block-2 {
    padding-left: 40px;
    padding-right: 70px;
    padding-top: 80px; }
    .vistas .block-2 h2 {
      padding-left: 70px;
      padding-left: 190px; }
  .vistas .block-3 {
    margin-top: 250px; }
    .vistas .block-3 h2 {
      padding-left: 140px; }
  .vistas .block-4 {
    margin-top: 150px;
    padding-right: 70px; }
  .vistas .block-5 {
    padding-left: 70px;
    padding-top: 70px; }
    .vistas .block-5::before {
      content: url("../images/tipo-2.png");
      position: absolute;
      margin-top: 110px;
      margin-left: 500px; }
  .vistas .block-6 {
    padding-right: 70px;
    padding-top: 150px; }
  .vistas .block-7 {
    padding-left: 70px;
    padding-top: 70px;
    position: relative; }
    .vistas .block-7 .d-block {
      position: absolute; }
  .vistas .block-8 {
    margin-top: 180px; }
    .vistas .block-8 h2 {
      padding-left: 40px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.tipologia {
  background-color: #dbdacd; }
  .tipologia .titulo {
    margin-bottom: 40px; }
    .tipologia .titulo h1 {
      font-family: 'CircularStd-Light';
      color: #b59d7c;
      font-weight: 600; }
  .tipologia p, .tipologia h2, .tipologia h3 {
    color: #1a2d26; }
  .tipologia p {
    margin-bottom: 5px; }
  .tipologia h2 {
    margin-bottom: 70px;
    margin-top: 20px;
    font-family: 'AppleGaramond';
    font-size: 3.5rem; }
  .tipologia .detalle {
    margin-bottom: 80px; }
    .tipologia .detalle h3 {
      font-family: 'CircularStd-Book';
      font-size: 2.5rem; }
    .tipologia .detalle .detalle-sub h2::before {
      content: url("../images/flecha.png");
      position: absolute;
      margin-top: 45px; }
    .tipologia .detalle .detalle-sub .total {
      padding-bottom: 20px;
      border-bottom: 1px solid #ab937d;
      margin-bottom: 25px; }
    .tipologia .detalle .detalle-sub .descarga h3 {
      font-family: 'CircularStd-Book';
      font-size: 2rem; }
    .tipologia .detalle .detalle-sub .descarga img {
      max-width: 50px;
      float: right; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .tipologia {
    padding-top: 50px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .tipologia {
    padding-bottom: 50px;
    padding-top: 240px; }
    .tipologia .img {
      padding-right: 40px; }
    .tipologia .detalle {
      padding-left: 40px; }
      .tipologia .detalle .detalle-sub {
        padding-right: 150px; }
        .tipologia .detalle .detalle-sub .total {
          margin-top: -55px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.conecta {
  background-color: #dbdacd;
  padding-top: 70px;
  padding-bottom: 70px; }
  .conecta h1 {
    color: #1b1b1b;
    font-family: 'CircularStd-Light';
    font-weight: 600; }
  .conecta .btn {
    background-color: #b59d7c;
    padding: 15px 70px 15px 25px;
    font-weight: 600;
    margin-top: 50px; }
    .conecta .btn::after {
      content: url("../images/icon-descargar.png");
      position: absolute;
      margin: auto;
      margin-top: -5px;
      margin-left: 10px; }
    .conecta .btn.btn-play::after {
      content: url("../images/play-icon.png"); }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .conecta {
    margin-top: -82px; }
    .conecta h1 {
      line-height: 50px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .conecta {
    padding-bottom: 150px; }
    .conecta h1 {
      padding-right: 150px; }
    .conecta .img {
      position: relative; }
      .conecta .img .d-block {
        position: absolute; }
        .conecta .img .d-block img {
          max-width: 400px; }
    .conecta::before {
      content: url("../images/after-conecta.png");
      position: absolute;
      margin-left: -30px;
      margin-top: -80px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.team {
  padding-top: 50px;
  padding-bottom: 50px; }
  .team h1 {
    color: #ab937d;
    font-family: 'CircularStd-Light';
    font-weight: 600;
    font-size: 4rem; }
  .team .logo {
    padding-top: 70px; }
    .team .logo img {
      max-width: 90px; }
  .team .slider {
    text-align: center; }
    .team .slider .item {
      color: #1a1a1a;
      padding: 15px; }
      .team .slider .item p {
        padding-left: 30px;
        margin-top: 30px; }
        .team .slider .item p::before {
          content: url("../images/team-icon.png");
          position: absolute;
          margin-left: -37px;
          margin-top: -5px; }
  .team .slick-next::before, .team .slick-prev::before {
    color: #000; }
  .team .slick-next {
    right: -5px; }
  .team .slick-prev {
    left: -5px; }

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .team {
    padding-top: 200px; }
    .team .logo {
      padding-top: 100px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.typ {
  background-color: #6f8b7f; }
  .typ .body {
    padding-top: 50px;
    padding-bottom: 50px; }
    .typ .body h1, .typ .body h3 {
      font-family: 'CircularStd-Light';
      color: #dbdacd; }
    .typ .body h1 {
      font-size: 2.5rem;
      margin-bottom: 35px; }
    .typ .body .logo img {
      max-width: 55px; }
    .typ .body .btn {
      margin-top: 15px; }
    .typ .body .btn-1 {
      background-color: #1a2d26;
      color: #FFF; }
    .typ .body .btn-2 {
      background-color: #ab937d;
      color: #000; }
    .typ .body .mientras h3 {
      color: #1a2d26;
      font-size: 1.2rem; }
    .typ .body .mientras .slider {
      margin-top: 40px; }
      .typ .body .mientras .slider .item {
        padding-left: 20px;
        padding-right: 20px; }
        .typ .body .mientras .slider .item h3 {
          font-family: 'CircularStd-Book';
          font-size: 1.1rem;
          margin-top: 20px; }
        .typ .body .mientras .slider .item h4 {
          font-family: 'CircularStd-Light';
          color: #1a2d26;
          font-size: 0.9rem;
          margin-top: 5px;
          padding-bottom: 15px;
          margin-bottom: 10px; }
          .typ .body .mientras .slider .item h4.subtitulo {
            border-bottom: 1px solid #1a2d26; }
      .typ .body .mientras .slider .slick-next {
        right: -5px; }
      .typ .body .mientras .slider .slick-prev {
        left: -5px; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .typ .logo {
    margin-bottom: 30px; }
  .typ h3 {
    margin-bottom: 20px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .typ .body {
    padding-top: 50px;
    padding-bottom: 50px; }
    .typ .body .mientras {
      padding-left: 70px;
      padding-top: 210px; }
    .typ .body .logo img {
      margin-top: 110px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.footer {
  background-color: #6f8b7f;
  padding-top: 50px;
  padding-bottom: 50px; }
  .footer h1 {
    color: #d1d0c3;
    font-family: 'CircularStd-Light';
    font-size: 2.5rem;
    border-bottom: 1px solid #d1d0c3;
    padding-bottom: 15px;
    margin-bottom: 15px; }
  .footer p {
    color: #d1d0c3; }

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .footer img {
    float: right;
    max-width: 90px;
    margin-top: 150px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */

/*# sourceMappingURL=cmln-style.css.map */