/* 
Theme Name: Landmark
Theme URI:
Author: Landmark developments
Author URI: http://www.landmarkdevelopments.com.ar
Version:1.0
License: GNU General Public Licence v2 or later
License URI: http://www.gnu.org/licenses/gl-2.0.html;
Tags: desarrollos, viviendas, complejos, casas, inmobiliaria,
Text Domain: landmark developments;
*/

/* ------------------------- */
/* Estilos Generales */
/* ------------------------- */
* {
    box-sizing: border-box;
    margin: 0; 
    padding: 0;
}

body { 
    font-family: 'Neutra Text', sans-serif;
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
    text-align: center;
    margin-bottom: 0;
}

.texto-blanco{
  color:#fff;
}

#bitnami-banner .bitnami-corner-image-div .bitnami-corner-image {
    display: none;
}	

.borde{
    border:solid red 1px;
}

/* ------------------------- */
/* Comunes a todo el diseño */
/* ------------------------- */
.fondo-gris{
    background-color: #383838;
}

.fondo-azul{
  background-color: #2F2F68; 
}

.titulo-blanco{
  color:#fff;
}
.titulo-azul{
  color:#2F2F68; 
}

.texto-azul{
  color:#2F2F68; 
}

.header, .numeros{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: red !important;
	color: #fff !important; 
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #383838;
    color: #fff;
}


/* Ubicacion del logo y el titulo */

.cont-logo-landmark{ 
	height: 150px;
    padding: 55px;
}
.cont-logo-landmark .logo-landmark{ }

.cont-logo-landmark .logo-landmark img{
  width:25%;
}
.section-title {
	margin: 65px 0px 30px 0;
}
.section-title .titulo h2 {
    font-size: 3rem;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.vamb{
    display: none;
  }

.carousel-control-next, .carousel-control-prev {
	width: 6% !important;
    color: #fff;
   	opacity: 1 !important;
}
.carousel-control-next-icon.tun, .carousel-control-prev-icon.tun {
    display: inline-block;
    width: 50px !important;
    height: 50px !important;
    background-color :#2F2F68 !important;
}
.carousel-control-prev-icon {
    background-image: url(media/flecha-landmark-azul-prev.png) !important;
}

.carousel-control-next.item{
	opacity: 0.9 !important;
}

.carousel-control-prev.item{
	opacity: 0.9 !important;
}

.carousel-control-next-icon {
    background-image: url(media/flecha-landmark-azul-next.png) !important;
}

/* ------------------------- */
/* Clases de fullPage */
/* ------------------------- */

#fp-nav ul li a span{
    background: #fff;
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 40px !important;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 40px 38.5px 34px !important;
    border-color: transparent transparent transparent #fff;
}

#fp-nav.fp-right {
    right: -3px !important;
	top: 58% !important;
}


#fp-nav ul li a.active span{
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

@keyframes destello {
  from{
      opacity: 0;
    }
    to{
      opacity: 1;
    }
}

/* The element to apply the animation to */

#fp-nav ul li .fp-tooltip.fp-right {
    right: 45px !important;
    top:5px;
    color: rgb(255, 255, 255);
	padding-left:5px;
	padding-right:5px;
}

#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 43px !important;
    height: 28px !important;
    margin: 7px;
    position: relative;
    animation: all 400ms ease-in-out;
}

/* ------------------------- 

#fp-nav ul li a.active span::after{
    content: url('media/bullet.png');
}
/* menu de navegacion */
/* ------------------------- */
nav {
  padding-top: 12px;
  padding-right: 45px;
  padding-left: 25px;
  position: absolute;
  min-height: 13vh;
  background-color: transparent;
  width: 100%;
  transition: all 300ms ease-in-out;
}

.nav{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 70;
    width: 100%;
    margin 0;
    padding:10px 20px; 
}

.nav-links {
   position: absolute;
   left: 0px;
   height: 100vh;
   top: 0;
   background-color: rgba(255,255,255,0.9);
   flex-direction: column;
   align-items: center;
   width: 20%;
   transform: translateX(-100%);
   transition: all 400ms ease-in-out; 
   padding-top: 98px;
}

.nav-links li {
    opacity: 0;
    list-style: none;
    margin-bottom: 20px;
    margin-right: 40px;
    text-align: right;
}

.nav-links a {
  color: #383838;
  text-decoration: none;
  letter-spacing: 3px;
  font-weight: bold;
  font-size: 14px;
}
.nav-links a:hover {
  color: #5454af;
  font-size:18px; 
}

.burger div.line1, .burger div.line3{
  background-color: #fff;
}

.burger {
    margin-left:8%;
    display: block;
    cursor: pointer;

}
.burger div {
  width: 28px;
  height: 2px;
  background-color: #fff;
  margin: 5px;
  transition: all 300ms ease-in;
}

.burger.toggle{
    position: absolute;
    transform: translateX(140px);
    transition: all ease 0.7s;
}

.nav-activ {
    transform: translateX(0);
  }

  @keyframes navLinkFade {
    from{
      opacity: 0;
      transform: translateX(50px);
    }
    to{
      opacity: 1;
      transform: translateX(0px);
    }
  }

  .burger.toggle div.line1 {
    transform: rotate(-45deg) translate(-5px, 8px);
    background-color: #383838 !important;
  }
  
  .burger.toggle div.line2 {
    opacity: 0;
  }
  
  .burger.toggle div.line3 {
    transform: rotate(45deg) translate(-5px, -8px);
    background-color: #383838 !important;
  }

/* ------------------------- */
/* Estilos Header */
/* ------------------------- */
.contenedor-logo-header h1.titulo{
    display: none;
}
.contenedor-logo-header{
  width: 50%;
}
.contenedor-logo-header img{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-name: imgaparece;
    animation-duration: 5s;
    transition: all ease 0.9s;
}

@keyframes imgaparece {
    from{
      width: 0%;
      opacity: 0;
     }
    to{
      width: 45%;
      opacity: 1;
    }
  }
.contenedor-icono{
    position: absolute;
    z-index: 99;
    left: 50%;
    bottom: 3%;
    font-size: 40px;
  animation: bajar-subir 1s ease infinite;
    animation-delay: 7s;
}
a.texto-blanco{
  text-decoration:none;
}

/* ------------------------- */
/* animacion Header */
/* ------------------------- */
@keyframes bajar-subir{
  0%{transform: translateY(20px);
  }
    25%{ transform: translateY(0px);
  }
    100%{transform: translateY(20px);
  }
}

/* ------------------------- */
/* Quienes Somos */
/* ------------------------- */
	
.titulo.titulo-blanco.animado{
  opacity: 0;
}

@keyframes subir-texto{
  from {
  opacity:0;    
    transform: translateY(100px);
    color:none;
  }

  to {
    opacity:1;    
    transform: translateY(0px);
    color:#fff;
  }
}

.desc-quienes-somos{ }

.desc-quienes-somos .texto{
  width: 60%;
}
.texto p{
	
  color:#fff !important;
  font-size: 1rem !important;
  font-weight:300 !important;
  line-height: 1.5rem !important;
}


/*----------------------------*/
/* En numeros */
/* ------------------------- */
.contenedor-datos{
    margin-top: 8%;
}
.contenedor-numero{
  width: 600px;
  position:absolute;
  top:0;
}
.fa-logo img {
    width: 40px;
    opacity: 0.8;
}
.fa-texto{
  color:#fff;
  margin-top: 25px; 
}
.fa-texto span.numero{
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
}

#messenger{
  font-size: 2rem;
  white-space: 3px;
  text-shadow: 0 2px 2px rgba(255,255,255, 0.5);
  letter-spacing: 3px;
}

@keyframes showTopText {
  0% { transform: translate3d(0, 100%, 0); }
  100% { transform: translate3d(0, 0, 0); }
}
@keyframes showBottomText {
  0% { transform: translate3d(0, -100%, 0); }
  100% { transform: translate3d(0, 0, 0); }
}
.animated-title {
  color: #fff;
  height: 300px;
  width: 800px;
}
.animated-title > div {
    height: 50%;
    overflow: hidden;
    position: absolute;
    width: 90%;
}
.animated-title > div div {
  font-size: 4rem;
  padding: 15px 0;
  position: absolute;
}

.animated-title > div.text-top {
  border-bottom: 4px solid #fff;
  top: 0;
}
.animated-title > div.text-top div.au {
  animation: showTopText 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  bottom: 0;
  transform: translate(0, 100%);
}

.animated-title > div.text-bottom {
  bottom: 0;
}
.animated-title > div.text-bottom div.ad {
  font-weight: bold;	
  animation: showBottomText 0.5s;
  animation-delay: 1.75s;
  animation-fill-mode: forwards;
  top: 0;
  transform: translate(0, -100%);
}

.ocultar{
    opacity: 0;
 }

.animar{
    animation: animar 500ms;
}

@keyframes animar{
    from{
      opacity: 0;
      transition: opacity 400ms;
      transition-delay: 300ms;
     }
    to{
      opacity: 1;
      transition: opacity 100ms;
      transition-delay: 0ms;
    }
}

/* ------------------------- */
/* Proyectos Curso * 
/* ------------------------- */

.fp-tableCell{
  height: 0px !important;
}
.fp-slide, .fp-slidesContainer {
  height: 64% !important;
}
.curso-cont{
  padding:0;
  overflow: hidden;
  border-radius: 10px;
  border:solid 1px #fff;
  -webkit-box-shadow: box-shadow: 0px 11px 30px -26px rgb(0 0 0 / 75%);
  -moz-box-shadow: box-shadow: 0px 11px 30px -26px rgb(0 0 0 / 75%);
   box-shadow: 0px 11px 30px -26px rgb(0 0 0 / 75%);
}


.box-curso{
  max-height: 450px;
  max-width: 1125px;
}
.slid-img{
  overflow: hidden;
}
img.card-top-curso {
    position: relative;
    top: -190px;
    width: 100%;
}
.carousel-indicators {
  bottom: none !important;
  top: 106% !important;

}
.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    margin-right: 10px !important;
    margin-left: 10px !important;
    background-color: #2f2f68 !important;
    border-radius: 100% !important;
}
.capa{
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;
  background: rgba(47,47,104,0.5);
  visibility: hidden;
  transition: all 300ms ease-out;
  text-align: center center;
  color:white;
  font-size: 80px;
  opacity: 0.8;
}
.capa span a{
  text-decoration:none;
  color:#2F2F68;
}
.capa .btn.btn-consulta{
  position: absolute;
  top: 45%;
  left: 45%;
}
.box-curso:hover > .slid-img .capa{
  transition: all 300ms ease-out;
  opacity:1;
  visibility: visible;
}
.box-curso:hover .slid-img.luc img{
   filter: grayscale(100%);
}
.texto-fondo-curso{
  width: 100%;
  background:rgba(255,255,255, 0.8);
  position: absolute;
  bottom:0;
  padding: 10px 0px 10px 20px !important;
}
.texto-curso{
  position: relative;
    z-index: 100;
}
.texto-curso h4{
    font-size: 1.2rem; 
    font-weight: 700;
    margin-bottom: 0px;
}
.texto-curso hr.separador{
    margin: 5px 0 10px 0px;
    width: 25px;
    border:solid 1px #2F2F68;
}
.texto-curso .texto-descripcion span.dir,
{
  display: inline-block;
  font-size: 0.9rem;
}

.texto-curso div .img-ubic img{
  width: 20px;
}

/* ------------------------- */
/* Proyectos Terminados* 
/* ------------------------- */
.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #fff !important;
}
.lSAction {
    /*display: none !important;*/
}

.lSAction a.lSPrev{
	width: 49px !important;
    height: 45px !important;
    background-color: #383838 !important;
    opacity: 1 !important;
    border-radius: 0 30px 30px 0;
    z-index: 200 !important;
    background-repeat: no-repeat!important;
    background-image: url(media/prev.png) !important;
    background-position: center !important;
	left:0;
	background-size: 70%;
}

.lSAction a.lSNext{
	width: 49px !important;
    height: 45px !important;
    background-color: #383838 !important;
    opacity: 1 !important;
    border-radius: 30px 0px 0px 30px;
    z-index: 200 !important;
    background-repeat: no-repeat!important;
	background-image: url(media/next.png) !important;
	background-position: center !important;
	right:0;
	background-size: 70%;
}
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .8 !important;
    transition: opacity .15s ease;
}
.margenCustome{
	padding:0 35px !important;
}
.contenedor-cards{
   border:solid red 1x;	
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}
.contenedor-cards ul li{
   display: -webkit-flex;
   display: flex;
}

.box {
  max-width: 300px;
  max-height: 400px;
  border-radius:10px;
  overflow: hidden;
  margin:20px;
  -webkit-box-shadow: -1px 25px 36px -42px rgba(255,255,255,1);
-moz-box-shadow: -1px 25px 36px -42px rgba(255,255,255,1);
box-shadow: -1px 25px 36px -42px rgba(255,255,255,1);
}
.card.box img.imgPrin{
  height: auto;
  width: auto;
  min-width: 300px;
  min-height: 200px;
}

.card-body.texto-terminados{
  padding: 20px 10px 15px 20px !important;
}

.texto-terminados h4{
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0px;
}

hr.separador{
    margin: 5px 0 10px 0px;
    width: 10%;
    border:solid 1px #2F2F68;
}
.texto-descripcion span.dir,
.texto-descripcion span.des{
   display: inline-block;
  font-size: 0.9rem;
}
span.texto-azul.dir {
    width: 90% !important;
}
.img-ubic img{
  width: 30px;
}

/* ------------------------- */
/* TABS / CAROUSEL* 
/* ------------------------- */

.responsive-tabs ul.responsive-tabs__list {
  font-size: 18px;
  line-height: 18px;
  margin: 20px 0 0 12px;
  padding: 0;
  display: flex !important;
  justify-content: center !important;
}

.carousel-tab .responsive-tabs__list__item {
  width: 210px !important;
  text-align: center;
  border: 1px solid #383838 !important;
  border-radius: 0px !important;
  font-family: 'Neutra Text' !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #383838 !important;
}

.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
  background: #383838 !important;
  border-color: #383838 !important;
  color: #ffffff !important;

}

.responsive-tabs .responsive-tabs__panel {
  background: #fff;
  border: 0px !important;
  border-top: 0px;
}

a.btn-carousel {
  color: #fff;
  background-color: #2f2f68;
  padding: 15px 0px;
  width: 318px !important;
  display: block;
  text-align: center;
  border-radius: 122px;
  margin: auto;
}

.ubicacion {
  display: flex;
  margin: 20px 0px 0px 0px;
  justify-content: center !important;
}

.ubicacion img {
  margin-right: 6px !important;
}

.proyectos-curso .section-title {
  margin: 0px !important;
}

.proyectos-curso h2 {
  padding: 0px !important;
}

h2.tabtitle.responsive-tabs__heading {
  display: none;
}

.carousel-tab.mobile{
  display: none;
}



@media only screen and (max-width: 600px) {

  .carousel-tab.mobile{
    display: block;
  }

  .carousel-tab.desktop{
    display: none;
  }

  a.btn-carousel {
    width: 100% !important;
  }

  .proyectos-curso .carousel-tab {
    padding-right: 40px !important;
  }

  .section-title .titulo h2 {
    padding-bottom: 24px !important;
}

.responsive-tabs-wrapper {
  border-top: 0px !important;
}

.section-title .titulo h2 {
  padding-bottom: 10px !important;
  padding-top: 26px !important;
}
}




/* ------------------------- */
/* Footer Contacto* 
/* ------------------------- */
.form-datos-personales .form-group label{
  color:#fff;
  font-weight: 300;
  font-size: 1rem;
}

.form-datos-personales .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #FFF;
    background-color: #2F2F68;
    border:none !important;
    border-bottom: solid 2px #fff !important;
    background-clip: padding-box;
    border-radius:0 !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.mensaje .form-group{
  height: 100px;
  margin: 0px !important;
}

.mensaje label{
  display: block;
  color:#fff;
  font-weight: 300;
  font-size: 1rem;
}

.mensaje  textarea {
  color:#fff;
    height: 45%; 
    width: inherit !important;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    background-color:#2F2F68;
    -webkit-rtl-ordering: logical;
    flex-direction: column;
    resize: auto;
    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    column-count: initial !important;
    margin: 0em;
    font-size: 1rem !important;
    font-weight: 300 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: none  !important;
    border-image:  none  !important;
    padding: 2px;
    border-bottom: solid #fff 2px !important;
}

.btn{
  border-radius: 50px;
  padding-left:15px;
  padding-right:15px; 
}
.btn.btn-consulta{
  color: #2F2F68;
  background-color: #fff;
}

.redes-seguinos{
  margin-top: 20px;

}
.redes-seguinos p{
  color:#fff;
  font-size: 1rem;
  font-weight: 300;

}

.redes-seguinos .redes .red{
  background-color: #fff;
  padding: 20px;
}
.redes-seguinos .redes p{
  margin: 0 !important;
  color: #2F2F68;
  padding-top: 20px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #495057 !important;
    background-color: #fff !important;
}

.contactoEmailFinal{
	position: absolute;
	color: #fff !important;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px 0;
}

img.iconoFooterEmail {
    width: 2%;
    margin-right: 8px;
}

.emailTextoh5{
	text-decoration:none;
	color: #fff !important;
}


/*--------------------------------------------------------------*/
                         /*MEDIAS*/
/*--------------------------------------------------------------*/

@media screen and (min-width: 400px) and (max-width: 540px)  {
	
	
	.margenCustome {
		width: 90% !important;
		position: relative;
    	left: 10px;
	}
	#fp-nav.fp-right {
    	right: 6px !important;
    	top: 60% !important;
	}
}


@media screen and (min-width: 320px) and(max-width: 375px) {
	#fp-nav.fp-right {
    	right: 6px !important;
    	top: 70% !important;
	}
	
}


@media screen and (min-width: 400px) and (max-width: 540px)  {
	
	
	.margenCustome {
		width: 90% !important;
		position: relative;
    	left: 10px;
	}
	#fp-nav.fp-right {
    	right: 6px !important;
    	top: 60% !important;
	}
}

@media screen and (max-width: 576px)  {
 
 /*-----------menu hamburguesa--------*/ 
  
  .burger.toggle {
    transform: translateX(0px);
  }

.contenedor-logo-header img{
    width: 75%;
    top: 25%;
    animation-name: imgaparece;
    animation-duration: 5s;
    transition: all ease 0.9s;
}
	
	@keyframes imgaparece {
      from{
        width: 0%;
        opacity: 0;
       }
      to{
        width: 75%;
        opacity: 1;
      }
    }

  .nav-links {
      width: 80%;
    }
  .nav-links li {
      margin-right:20px;
  }
  .nav-links a {
      letter-spacing:1px;
      font-size: 14px;
  }
  .nav-links a:hover {
      font-size: 16px;
  }
  
  /*------------Logo en la seccion--------------------*/
  .cont-logo-landmark{
	height:88px;
    padding-top:42px; 
  }
  .cont-logo-landmark .logo-landmark{
    padding-left:25px; 
  }

  .cont-logo-landmark .logo-landmark img{
    width:70%;
  }
  /*------------Titulo de la seccion--------------------*/	
  .section-title {
      margin: 10px 0px 10px 0; 
  }
  .section-title .titulo h2 {
	 text-align: left !important;
     font-size: 1.5rem;
  }		
  
/*-------------QUIENES SOMOS-------------------*/
	
.desc-quienes-somos .texto{
  width: 87%;
  color:#fff;
}
.texto p{
  text-align:left !important;
  font-size: 0.8rem;
  font-weight:300;
  line-height:1rem;
}
	
/*-------------NUMNEROS------------------------*/

.contenedor-numero{
  justify-content: space-between;
  width: 230px !important;
  position:absolute;
  top:0;
}

.fa-logo.mr-3 img {
    margin-top:10px;
    width: 50px;
}

.fa-texto span.numero{
  font-size: 4rem !important;
}

#messenger {
    font-size: 1.2rem !important;
}	
	
.animated-title {
    height: 235px !important;
    width: 385px !important;
}

.animated-title > div {
   width: 110% !important;
}
.animated-title > div div {
    font-size: 2rem !important;
}	

/*----------------PROYECTOS EN CURSO----------------------*/
img.card-top-curso {
   top: 0px !important;
}
.capa .btn.btn-consulta{
 	left: 40% !important;
}
	
.card.box img.imgPrin {
	height: 50% !important;
}
	
.texto-fondo-curso {
    width: 100%;
    background: rgba(255,255,255, 0.8);
    position: absolute;
    bottom: 0;
    padding: 5px 30px 5px 30px !important;
}
	
.texto-curso hr.separador {
    margin: 5px 0 1px 0px !important;
}

.carousel-control-next-icon.tun, .carousel-control-prev-icon.tun {
    width: 35px !important;
    height: 35px !important;
    background-color: #2F2F68 !important;
}
	
.carousel-control-next, .carousel-control-prev {
   width: 15% !important;	
}
	
	
/*----------------PROYECTOS Terminados----------------------*/
/*	.centMobile{
		display:flex;
		justify-content:center;
	}
*/	
	.margenCustome {
    	padding: 0px 0px !important;
	}
		#fp-nav.fp-right {
    	right: -3px !important;
    	top: 60% !important;
	}
	
/*----------------Contacto----------------------*/
	.row.form-datos-personales {
   		width: 97%;
	}
	.row.mensaje {
    	width: 95%;
	}
	.form-control::placeholder, #mensaje::placeholder{
		color:#FFF;
	}
	#mensaje::placeholder {
    	padding-top: 30px;
	}
	.form-group {
    	margin-bottom: 10px;
    	margin-top: 0px;
    	height: 50px;
		display: inherit;
	}
	.form-datos-personales .form-control {
		height: 50px;
		padding: 0 15px;
		font-size: 0.9rem;
		font-weight: 400;
		line-height: 1.5;
		color: #FFF;
		width: 120% !important;
	}
	.mensaje textarea {
   		height: 63%;
   		padding-left: 15px;
	}
	.redes-seguinos {
   		width: 90%;
	}
	.carousel-indicators {
		top: 164px;
	}
	.contactoEmailFinal{
		position: absolute;
		color: #fff !important;
		font-size: 10px !important;
		bottom: 0;
	}
	.contactoEmailFinal h5{
    	font-size: 14px !important;
	}
	img.iconoFooterEmail {
    	width: 5%;
    	margin-right: 8px;
	}
}

@media screen and (min-width: 577px) and (max-width: 768px){

 /*-----------menu hamburguesa--------*/ 
  
  .burger.toggle {
    transform: translateX(0px);
  }
  
  .contenedor-logo-header img{
    width: 65%;
    top: 43%;
  }
 
  .nav-links {
      width: 40%;
    }
  .nav-links li {
      margin-right:20px;
  }
  .nav-links a {
      letter-spacing:1px;
      font-size: 14px;
  }
  .nav-links a:hover {
      font-size: 16px;
  }

  /*------------Logo en la seccion--------------------*/

  .cont-logo-landmark{
    padding-top:25px; 
  }
  .cont-logo-landmark .logo-landmark{
    padding-left:25px; 
  }

  .cont-logo-landmark .logo-landmark img{
    width:40%;
  }
  /*------------Titulo de la seccion--------------------*/	
  .section-title {
    	margin: 0px 0px 10px 0;	
	}
  .section-title .titulo h2 {
    	font-size: 2.5rem;
	}	
  
/*-------------QUIENES SOMOS-------------------*/
	
.desc-quienes-somos .texto{
  width: 75%;
}
/*-------------NUMNEROS------------------------*/
  
	.contenedor-numero-la derecha{
		margin-top:50px;
	}	
	
}

@media screen and (min-width: 769px) and (max-width: 1024px){ 
     .burger.toggle {
        transform: translateX(0px);
    }
  
  .contenedor-logo-header img{
    width: 45%;
    top: 43%;
  }
  
  .nav-links {
      width:25%;
    }
  .nav-links li {
      margin-right:20px;
  }
  .nav-links a {
      letter-spacing:1px;
      font-size: 14px;
  }
  .nav-links a:hover {
      font-size: 16px;
  }
 /*-------------logo e la seccion-------------------------*/
  .cont-logo-landmark{
	height:88px; 
    padding-top:25px; 
  }
  .cont-logo-landmark .logo-landmark{
    padding-left:25px; 
  }

  .cont-logo-landmark .logo-landmark img{
    width:30%;
  }
  /*------------Titulo de la seccion--------------------*/		
	.section-title {
    	margin: 40px 0px 20px 0;	
	}
	.section-title .titulo h2 {
    	font-size: 2.5rem;
	}	  
	
/*------------------------------------------------------*/	
	
	textarea#mensaje {
    	height: calc(1.5em + .75rem + 50px) !important;
	}
	
}

@media screen and (min-width: 1025px) and (max-width: 1440px){ 
     .burger.toggle {
        transform: translateX(0px);
    }
  
  .contenedor-logo-header img{
    width: 45%;
    top: 43%;
  }
  
  .nav-links {
      width:20%;
    }
  .nav-links li {
      margin-right:20px;
  }
  .nav-links a {
      letter-spacing:1px;
      font-size: 14px;
  }
  .nav-links a:hover {
      font-size: 16px;
  }
  /*--------------------------------------*/
  .cont-logo-landmark{
	height: 90px;  
    padding-top:25px; 
  }
  .cont-logo-landmark .logo-landmark{
    padding-left:25px; 
  }
  .cont-logo-landmark .logo-landmark img{
    width:25%;
  }
  /*------------Titulo de la seccion--------------------*/		
	.section-title {
    	margin: 30px 0px 20px 0;	
	}
	.section-title .titulo h2 {
    	font-size: 2.5rem;
	}	 
	
   /*------------------En numeros---------------------*/
	.contenedor-datos{
    	margin-top: 4%;
	}
	
  /*------------Proyectos en curso--------------------*/		
	.box-curso{
		max-height:400px !important;
	}
	.carousel-indicators {
    	top: 101% !important;
	}
	img.card-top-curso {
   		top: -220px !important;
   
	}
	.curso-cont {
		height: 375px !important;
	}
	.texto-fondo-curso {
   		bottom: 26px !important;
	}
	.texto-curso hr.separador {
		margin: 2px 0 5px 0px !important;
	}
	/*-----------------------Footer contacto-------------------------------------*/
	.contactoEmailFinal{
		position: absolute;
		color: #fff !important;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	img.iconoFooterEmail {
    	width: 3%;
    	margin-right: 8px;
	}
	
	textarea#mensaje {
    	height: calc(1.5em + .75rem + 70px) !important;
	}
	
}

/*--- Main CSS here ---*/

/*------------------------------------*\
	$IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
   img{
        max-width:100%;
        height:auto;
    }
	.cont-logo-landmark .logo-landmark img{
		width:60% !important;
		height:50% !important;
	}
	.card.box img.imgPrin {
		height: 50% !important;
	}
}