@import url('body.css');
@import url('content.css');

/**/
#container{ max-width: 100%;; width:100%; margin-right: auto; margin-left: auto; text-align: left;}
#content{ float:left; width:100%;}
#top{float:left; width:100%; height:auto; padding:30px 0 10px 0px;}
#slide{float:left; width:100%; background-color:#E12214; position:relative; height:750px;  padding:20px 0px; }
#nav{float:left; width:100%;  background-color:#4E4546;}
#footer{float:left; width:100%; padding:20px 0px; color:#666; font-size: 10px; font-weight: 100; }

.casa{background-image: url(../img/fondos/fondo-casa.jpg); background-position:center left; background-repeat:no-repeat; background-size:cover; background-position-y: top; }
.departamento{background-image: url(../img/fondos/fondo-departamento.jpg); background-position:center left; background-repeat:no-repeat; background-size:cover; background-position-y: top; }
.duplex{background-image: url(../img/fondos/fondo-duplex.jpg); background-position:center left; background-repeat:no-repeat; background-size:cover; background-position-y: top; }
.town{background-image: url(../img/fondos/fondo-town.jpg); background-position:center left; background-repeat:no-repeat; background-size:cover; background-position-y: top; }
.lote{background-image: url(../img/fondos/fondo-lote.jpg); background-position:center left; background-repeat:no-repeat; background-size:cover; background-position-y: top; }

@media screen and (max-width: 780px) {
    #footer{ text-align:center; font-size: 13px; font-weight: 400;}
	#slide{height:auto; background-position: top left;
    background-size: inherit;
    background-repeat: inherit;}
}

/**/
.center{ max-width: 1200px; width:100%; margin-right: auto; margin-left: auto; }
.center2{ max-width: 900px; width:100%; margin-right: auto; margin-left: auto; }
.center3{ max-width: 200px; width: 100%; margin-right: auto; margin-left: auto;}


@media only screen and (max-width: 1234px) {
	.center{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
	.center2{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
	.center3{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
}

/*LINKS*/
.links{ text-decoration:none; color:#09F;}
.links:hover{ text-decoration:underline;}

/*TOP*/
.logo{float:left; width:100%;}
.logo2{float:left; width:100%; margin: auto; text-align: center;}
.logo2 img {
    display: block;
    width: 120px;
    text-align: center;
    margin: auto;
}
.logo a { display: block; text-indent: -100px; overflow: hidden;}
.logo2 a { display: block; text-indent: -100px; overflow: hidden;}
.top_box1{float:left;  width:50%;}
.top_box2{float:right; width:50%;}

.logo img{ max-height: 50px;}

@media only screen and (max-width: 1234px) {
	.logo{text-align:center;}
	.logo img{ max-height: 40px;}	
	.top_box1{width:100%;}
}



/*CONTENT*/
.module_1{float:left;  width:100%; padding:50px 0px;}
.module_2{float:left; width:100%; padding:60px 0px;}
.module_3{float: left; width: 100%; padding: 30px 0px 0px 0px; background-color:#E4E4E2;}
.module_4{float:left;  width:100%; padding:50px 0px; background-color:#E02214; color: #ffffff;}
.module_5{float:left;  width:100%; padding:30px 0px;}
.module_6{float:left;  width:100%; padding:30px 0px;}

#footer h2 {
	font-size: 2.2rem;
    color: #E32213;
    font-weight: 300;
    margin-bottom: 1rem;	
}
#footer h3 {
    font-size: 1rem;
    color: #666666;
    margin-top: 0.25rem;
}
#footer i {
    font-size: 1.8rem;
    color: #666;
}
/*FOOTER*/
.footer_box{float:none;  width:20%; display: table-cell; vertical-align: top;}
.footer_box1{float:left; }

.footer_box .title{ font-size:14px; margin-bottom:15px;}

/* /////////   GRALS  //////// */

.title{float:left; width:100%;}
.subtitle{float:left; width:100%;}
.data{float:left; width:100%;}
.tex_center{ text-align:center;}
.tex_center_solo_celu{ text-align: left;}

/*CENTER DIVS*/
.center_divs {
	float:left;
	width:100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
	    justify-content: space-evenly;
		
}

@media screen and (max-width: 780px) {
	.footer_box1{float:left;  width:100%; padding:10px 0;}
	.col_50_ img {max-width:90%;}
	.footer_box2{float:left;  width:100%;  padding:10px 0; text-align:center; }
	.module_1{padding:20px 0px;}
	.module_2{padding:20px 0px;;}
	.module_3{text-align: center;}
	.tex_center_solo_celu{ text-align: center;}
}

/* BOTON FLOTANDO */

@media screen and (max-width: 780px) {
	#myBtn {
		display: none;
		position: fixed;
		bottom: 20px;
		left: 10%;
		z-index: 99;
		border: none;
		outline: none;
		background-color: #E02214;
		color: white;
		cursor: pointer;
		padding: 15px;
		border-radius: 30px;
		font-size: 1.2rem;
		width: 70%;
	}

}

/*CONTACTO*/

#contact-area p { font-size: 1.3em; margin-bottom: 15px; }
#contact-area { width: 100%; }
#contact-area input { padding: 5px; width: 100%;  border: 1px solid #B4B4B4; color: #000; float: left; margin: 5px 0px; box-sizing:border-box;  }
#contact-area select { padding: 5px; width: 100%;  border: 1px solid #B4B4B4; color: #000; float: left; margin: 5px 0px; box-sizing:border-box;  }

#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #900; }
#contact-area input.submit-button { display:block; width:100%; margin:20px auto; padding:20px; background-color:#E12214; color:#fff; text-align:center; text-decoration:none; border:solid 2px #fff; border-radius:10px; float:right; }
#contact-area label { float: left; text-align: left; margin-bottom: 0; width: 100%; font-size: 1.1rem; font-weight: 400;}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex;
    width: 30%;
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control,
.input-group > .form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
}
.form-control {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.campoform {
    margin-bottom: 1vh;
    border-color: #25336D;
    cursor: pointer;
}
#botonEnviar {
	text-decoration: none;
    background-color: #E12214;
    border: none;
    width: 70%;
    padding: 10px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 20px;
    cursor: pointer;
    border-radius: 50px;
    margin-top: 5px;
}
#botonEnviar:hover {
    background-color: #3A3A3A;
    color: #ffffff;
}
#botonEnviar2 {
	text-decoration: none;
    background-color: #E12214;
    border: none;
    padding: 10px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 20px;
    cursor: pointer;
    border-radius: 50px;
    margin-top: 5px;
}
#botonEnviar2:hover {
    background-color: #3A3A3A;
    color: #ffffff;
}

/*LISTADO*/
.list { list-style-type: none; margin: 0; padding: 0;  }
.list li { margin: 0; padding: 0;  list-style-type: none; padding-bottom:5px; padding-left:30px;  width: 100%; float: left; }

.list li:nth-child(1) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(2) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(3) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(4) { background-image: url(../img/icos/04.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(5) { background-image: url(../img/icos/05.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}



/**/
.block_slide{float:left; width:41%;}
.slogan_slide{ float:left; width:100%; margin-top: 25%; }
.slogan_slide strong{ color: #fff; font-size:3.8rem; line-height: 3.5rem; }
.slogan_slide p { color: #fff; font-size: 2rem; line-height: 2rem; margin-top: 10px; }
.slogan_slide h6 {
    color: #FFFFFF;
    line-height: 1.5rem;
    font-size: 1.2rem;
    border: 1px white solid;
    padding: 4px 15px;
    margin-top: 25px;
}
.img_slide{ float: left;
    width: auto;
    margin-top: 40px;
    background-color: #25346d;
    border-radius: 10px;
    padding: 20px;} 
.contacto_slide{ float:right; width:40%; background-color: #fff; padding: 30px; box-sizing: border-box;border: 1px solid #B4B4B4; border-radius:10px;}

@media only screen and (max-width: 1024px) {
	.slogan_slide strong{ color: #fff; font-size:2.2rem; line-height: 2.3rem; }	
	.slogan_slide p { font-size: 1.6rem; line-height: 1.7rem; margin-top: 7px; }
}


@media screen and (max-width: 780px) {
	.block_slide{float:left; width:100%; text-align: center;}
	.contacto_slide{ float:right; width:100%; }
	.img_slide{ background-color: #25346D; padding: 10px; margin-bottom:20px; box-sizing: border-box; margin-left: 6%;}    
	.img_slide img{ width:100%; }    
	.slogan_slide{ margin-top: 15%; }
}



/**/
.item_block{float:left; width:25%;}
.item_block_img{width:40%; margin:auto; display:block; }
.caption{float:left; width:100%; padding:20px 0;     text-align: center; }

@media screen and (max-width: 780px) {
.item_block {width:50%; margin-bottom:20px;}   
}



/**/
.item_block_plan{float:left; width:25%; text-align:left; padding: 30px; box-sizing: border-box;     min-height: 630px;}
.item_block_plan_1{float:left; width:100%; font-size:30px; margin-bottom:20px;  }
.item_block_plan_2{float:left; width:100%;     min-height: 430px; }

.destacado{ font-weight:800;   padding-left:0px;  }


.back_01{ background-color:#E12214; color:#fff; }
.back_02{ background-color:#5F6A97; color:#fff;}
.back_03{ background-color:#E12214; color:#fff;  background-image: url(../img/img_2.jpg); background-position:center left; background-repeat:no-repeat; background-size:cover; }
.back_03 h1{ color:#fff; }


@media screen and (max-width: 780px) {
.item_block_plan{width:100%; }
.item_block_plan, .item_block_plan_2{min-height: auto; }
}

/**/
.item_block_logo{ float:left; width:16%; text-align:center; }
.item_block_logo img{  text-align:center; margin:auto; }


@media screen and (max-width: 780px) {
.item_block_logo{ float:left; width:32%; margin-bottom:20px; }
}


/**/
.but_general{ display:block; width:200px; margin:20px auto; padding:15px; background-color:#E12214; color:#fff; text-align:center; text-decoration:none; border:solid 2px #fff; border-radius:10px; }
.but_general2{ display:block; width:200px; margin:20px auto; padding:7px 12px; background-color:transparent; color:#fff; text-align:center; text-decoration:none; border:solid 2px #fff; border-radius:10px;}


/**/
.font_12{ font-size:12px;}
.font_15{ font-size:15px;}
.font_20{ font-size:20px;}

/**/
.listado { margin: 0; padding: 0;  list-style-type: none; float:left; width:100%;}
.listado li{ margin: 5px 0; padding: 0;  list-style-type: none; float:left; width:100%; font-size:12px;}

.ajoba {
	margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid white;
    width: 80%;
    float: left;
    font-size: 16px;	
}

.bloque {
	width: 90%;
    margin-left: 10%;
    margin-top: 10%;
}

.bloque h2 {
	color: #3D3D3D;
	font-weight: 300;
	padding-bottom: 30px;
}

.bloque h3 {
    font-weight: 600;
    font-size: 1.2rem;
}

.bloque ul {
	list-style: none;
    text-align: left;
	margin-left: -40px;
	line-height: 1.8rem;
}
.bloque ul li {
	margin-bottom: 12px;
}
.bloque ul li::before{
	content: "";
	background-image: url('../img/tick.png');
	background-size: contain;
	display: inline-block;
	width: 0.9em;
    height: 0.75em;
	position: relative;
	top: 0.1rem;
	margin-right: 0.2rem;
}

.bloque ul img {
	max-width: 20px;
    display: inline;
    margin-right: 10px;
}

.bloque h2 strong {
	color: #E02214;
	font-weight: 600;
	font-size: 120%;
}
.bloque p {
	text-align: left;
	line-height: initial;
	margin-bottom: 15px;
}
.bloque p strong {
	font-size: 2.1rem;
}
.franja3 {
    background-image: url(../img/franja3.png);
    height: 60px;
    background-repeat: repeat-x;
    background-size: contain;
    margin-top: 40px;
	margin-bottom: 15px;
}
.datos .owl-carousel .item {
    padding:5%;
}
.datos .owl-carousel .item img {
	width: auto !important;
    margin: auto !important;
}

	
.datos .owl-carousel .owl-nav button.owl-prev, .datos .owl-carousel .owl-nav button.owl-next {
	border-radius: 80px !important;
    color: #3A3A3A !important;
    font-size: 80px !important;
    line-height: 80px !important;
    padding: 6px 18px !important;
    font-weight: 500 !important;
	cursor: pointer;
}
.datos .owl-theme .owl-nav button.owl-prev {
	position: absolute !important;
		left: -60px !important;
		top: 55% !important;
		display: hide;
		opacity: 0.8;
	}
.datos .owl-theme .owl-nav button.owl-next {
	position: absolute !important;
		right: -60px !important;
		top: 55% !important;
		display: hide;
		opacity: 0.8;
	}
.datos .owl-theme .owl-nav button.owl-prev:hover {
		background-color: transparent !important;
		color: #ffffff !important;
	}
.datos .owl-theme .owl-nav button.owl-next:hover {
		background-color: transparent !important;
		color: #ffffff !important;
	}
.datos .owl-theme .owl-nav button.owl-prev span, .datos .owl-carousel .owl-nav button.owl-next span {
		margin-top: -200px;
		display: block;
	}
	
@media screen and (max-width: 780px) {
	.franja3 { height: 40px; background-image: url(../img/franja3_.png); }
}


/* ------------------ propiedades ------------------ */
.fotos .no-js .owl-carousel, .fotos .owl-carousel.owl-loaded {
    display: grid;
}

.fotos .owl-carousel {
	padding-top: 2px !important;
  }
.fotos .owl-carousel .owl-item {
	background-color: transparent;
	margin-top: -30px;
  }

.fotos .owl-carousel .owl-item .item h4 {
  font-size: 2rem;
  color: #E02214;
  font-weight: 300;
  margin: 30px 0px 0px 0px;
  }
.fotos .owl-carousel .owl-item .item p {
  font-size: 1.1rem;
  color: #000000;
  font-weight: 300;
  text-align: center;
  font-weight: 400;
  margin: 0px 0px 20px 0px;
  }
.fotos .owl-carousel .owl-nav button.owl-prev, .fotos .owl-carousel .owl-nav button.owl-next {
	border-radius: 80px !important;
    color: #FFE !important;
    font-size: 40px !important;
    line-height: 40px !important;
    font-weight: lighter !important;
    background-color: #777777;
    padding: 6px 18px !important;
    font-weight: 500 !important;
}
.fotos .owl-theme .owl-nav button.owl-prev {
	position: absolute !important;
		left: -60px !important;
		top: 55% !important;
	}
.fotos .owl-theme .owl-nav button.owl-next {
	position: absolute !important;
		right: -60px !important;
		top: 55% !important;
	}
.fotos .owl-theme .owl-nav button.owl-prev:hover {
		background-color: #E02214 !important;
		color: #ffffff !important;
	}
.fotos .owl-theme .owl-nav button.owl-next:hover {
		background-color: #E02214 !important;
		color: #ffffff !important;
	}
.fotos .owl-theme .owl-nav button.owl-prev span, .fotos .owl-carousel .owl-nav button.owl-next span {
		margin-top: -5px;
		display: block;
	}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    color: #dc3545;
    float: left;
}

.counter-box {

    display: block;
    padding: 40px 20px 37px;
    text-align: center

}
.counter-box p {

    margin: 5px 0 0;
    padding: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500

}

.counter { 

    font-size: 2.4rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 2.2rem;

}
.counter-box.colored {

      background: #eab736;

}
.counter-box.colored p,
.counter-box.colored .counter {

    color: #fff;

}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.btn1 {
	font-size: 1.15rem;
	background-color: #E02214;
    padding: 5px;
    border: #E02214 solid 10px;
    border-radius: 30px;
	width: 61%;
	margin-bottom: 15px;
	color: #fff;
	margin-top: 20px;
	max-width: 220px;
}

@media (max-width:780px) {
	.fotos .owl-theme .owl-nav button.owl-prev {
		position: absolute !important;
			left: -10px !important;
			top: 55% !important;
			opacity: 0.8;
		}
	.fotos .owl-theme .owl-nav button.owl-next {
		position: absolute !important;
			right: -10px !important;
			top: 55% !important;
			opacity: 0.8;
		}
	.counter-box {
		padding: 20px 10px 27px;
	}
}