@import url('body.css');
@import url('content.css');
@import url('menu-responsive.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:20px 0px;  background-color:#fff;     z-index: 999;
    position: relative; }
#nav{float:left; width:100%;  background-color:#4E4546;}
#slide {
    float: left;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
}
#slide2{ float:left; width:100%; background-color:#E12214; position:relative; height:750px;  padding:20px 0px; }

/*FONDOS*/
.casa {
	background-image: url('../img/fondo_casa.jpg');
	background-size: cover;
    background-position-x: center;
    background-position-y: center;
}
.departamento {
	background-image: url('../img/fondo_depto.jpg');
	background-size: cover;
    background-position-x: center;
    background-position-y: center;
}
.duplex {
	background-image: url('../img/fondo_duplex.jpg');
	background-size: cover;
    background-position-x: center;
    background-position-y: center;
}
.formu {
	background-image: url('../img/fondo-form.jpg');
	background-size: cover;
    background-position-x: center;
    background-position-y: center;
}

#footer{float:left; width:100%; background-color:#f2f2f2; padding:40px 0px; color:#000; font-size:12px; }
.video_home {
    height: 550px;
    background-color: #fff;
}
#myVideo {
    position: relative;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 550px;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;
}
.center{ max-width: 1200px; width:100%; margin-right: auto; margin-left: auto; }
.center2{ max-width: 1000px; 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:100%; box-sizing:border-box;  }	
	#slide {
		min-height: 280px;
	}
	#slide2 {
		height: 575px;
	}
	.video_home {
		height: 280px;
	}
	#myVideo { height: 280px;}
	
}

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

/*TOP*/
.logo{float:left; width:100%; text-align:center; }
.logo img { display:block; width:100px;  text-align:center; margin:auto; }
.top_box1{float:left; width:100%;}
.top_box2{width: 100%; position: absolute; font-size: 1.5rem;}
.top_box3{float:left; width:50%;}
.top_box2 .logo img { display:block; width:140px; text-align:left; margin: inherit;}
.top_box3 .icono img { height: 48px; float: right; margin-right: 10px;}


/*CONTENT*/
.module_1{float:left;  width:100%; padding:20px 0px;}
.module_2{float:left; width:100%; padding:30px 0px;}
.module_3{float:left;  width:100%; padding:30px 0px;}
.module_4{float:left;  width:100%; padding:30px 0px;}
.module_5{float:left;  width:100%; padding:100px 0px;}

/*FOOTER*/
#foooter{ display:table;}
.footer_box{float:none;  width:20%; display: table-cell; vertical-align: top;}
.footer_box1{float:left;  width:100%;}
.footer_box2{float:left;  width:100%; text-align:justify; color:#555; padding:30px 0px; }
.footer_box3{float:left;  width:100%;}
.footer_box4{float:left;  width:100%;}
.footer_box .title{ font-size:14px; margin-bottom:15px;}

@media screen and (max-width: 780px) {
.footer_box{float:left;  width:100%; margin-bottom:25px;}
}

/**/
.block_slide{
	float: left;
    width: 100%;
    position: absolute;
    top: 200px;
    z-index: 999;
	text-align: center;
}
.block_slide_r{
	float: left;
    width: 100%;
    position: relative;
    top: 60px;
    z-index: 999;
}

.slogan_slide{ float:left; width:100%; margin-top: 40px; }
.slogan_slide strong{ color: #fff; font-size:3rem; line-height: 3.5rem; }
.slogan_slide p { color: #fff; font-size:2rem; line-height: 2.5rem; font-weight: 400; }

@media only screen and (max-width: 1024px) {
	.slogan_slide{ font-size:35px; text-align: center; margin-top: 0px;}
	.slogan_slide strong{ color: #fff; font-size:1.7rem; line-height: 2.1rem; }	
	.slogan_slide p { font-size:1.3rem; line-height: 1.8rem; }
	.block_slide{
		top: 130px;
		width: 90%;
		margin-left: 5%;
	}
	.block_slide_r{
		top: 20px;
	}
}


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

.title{float:left; width:100%;}
.subtitle{float:left; width:100%;}
.data{float:left; width:100%;}
.tex_center{ text-align:center;}
.medium { width:100px; display:block; }
.txt_left {text-align:left !Important; }

@media screen and (max-width: 780px) {
.medium { width:100px; display:block; margin:auto; }

}

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

.center_divs2 {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* //////////   MENUS  //////// */

/*MENU VERTICAL*/
#menuv { }
#menuv ul, li { list-style-type: none; }
#menuv ul { margin: 0; padding: 0; }
#menuv li { border-bottom: 1px solid #ACCFE8; }
#menuv a { text-decoration: none; color: #000; display: block; padding: 3px 6px; width: 148px; }
#menuv a:hover { background: #DBEBF6; }


/*MENU HORIZONTAL*/
#menuh { }
#menuh ul, li { list-style-type: none; }
#menuh ul { margin: 0; padding: 0; }
#menuh li { float: left; }
#menuh a { text-decoration: none; color: #000; display: block; padding: 3px 10px; text-align: center; }
#menuh a#primero { border-left: 1px solid #ACCFE8; }
#menuh a:hover { background: #DBEBF6; }


/*MENU CENTRADO*/
#menuc { }
#menuc ul { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; }
#menuc li { display: inline; padding: 5px; margin: 1px; }
#menuc a { }
#menuc a:hover { background: #DBEBF6; }



/*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: 12px; 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-top: 15px;
    font-weight: 500;
    font-size: 18px;
}

.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: 15px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 20px;
    cursor: pointer;
    border-radius: 30px;
    margin-top: 5px;
}
#botonEnviar: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;}


/**/
.item_slide{float:left;  width:33%; position:relative; z-index:1; height:250px; background-color:red; }
.img_block{float:left;  width:100%; position:absolute; z-index:2; left:0px; top:0px; }
.caption{float:left; z-index:3; font-size:1.8rem; color:#fff; text-align:center; padding:30px 20px; box-sizing: border-box; font-weight: 400; }
.enlace{float:left; z-index:4;  padding:30px 0; box-sizing: border-box; width: 100%}

/**/
.but_red{
    background-color: #d63124;
    display: block;
    width: 90%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    border-radius: 30px;
	margin:auto;
	text-decoration:none;
	font-weight: 400;
}
.but_red:hover {
    color: #FFF;
}
.but_red2{
    background-color: #d63124;
    display: block;
    width: 40%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    border-radius: 30px;
	text-decoration:none;
	font-weight: 400;
}
.but_red2:hover {
    color: #FFF;
}

.but_white {
    display: block;
    width: 90%;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    border-radius: 30px;
    margin: auto;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
	text-decoration: underline;
}
.but_white:hover {
    color: #FFF;
}

@media screen and (max-width: 780px) {
	.item_slide{float:left; width:96%; position:relative; z-index:1; height:140px; background-color:red; margin-bottom:5px; margin-left: 2%;}
	.caption{font-size:1.5rem; top:0px; padding: 25px 20px 10px; font-weight: 400;}
	.enlace{padding:2px; float: initial;}
	.but_red{ height: 45px; line-height: 45px; width:80%;}
	.but_red2{ height: 50px; line-height: 50px; width:50%; margin:auto;}
	.but_white{ height: 45px; line-height: 45px; width:80%;}

}

.back1 { background-image: url(../img/img1.jpg); background-position:center left; background-repeat:no-repeat; background-size:cover;}
.back2 { background-image: url(../img/img2.jpg); background-position:center left; background-repeat:no-repeat; background-size:cover;}
.back3 { background-image: url(../img/img3.jpg); background-position:center left; background-repeat:no-repeat; background-size:cover;}
.back4 { background-image: url(../img/img4.jpg); background-position:center left; background-repeat:no-repeat; background-size:cover;}


/**/
.social {margin: 0; padding: 0; list-style-type: none; float:right; }
.social ul {margin: 0; padding: 0; list-style-type: none; float:left; } 
.social li { margin: 4px; padding: 0; list-style-type: none; float:left; width:40px; height:40px;  overflow:hidden; text-indent:-500px;  background-size: cover;  }
.social li:nth-child(1) {  background-image: url("../img/Img_fb.png"); }
.social li:nth-child(2) {  background-image: url("../img/Img_ig.png"); }
.social li:nth-child(3) {  background-image: url("../img/Img_yt.png"); }



@media screen and (max-width: 780px) {
.social { width:150px; float:none; margin:auto; }

}


/**/
.box_plan{ 
    float:left; width:35%; margin:1%; 
    border: solid 1px #d63124;
    border-radius: 10px;
    padding: 3%;
    box-sizing: border-box;
 }
.box_plan_1{ float:left;  width:100%; padding:1px 0px; color:#d63124; font-size: 24px; font-weight: 500; }
.box_plan_2{ float:left;  width:100%; padding:1px 0px; }
.box_plan_3{ float:left;  width:100%; padding:15px 0px; border-bottom:solid 1px #222222;  }
.box_plan_3 span{ display:block;  width:100%; line-height: 1.6rem;}
.box_plan_4{ float:left;  width:93%; padding:15px 0px; background-image: url(../img/arrow.png); background-position:center left; background-repeat:no-repeat; padding-left:7%;   background-size: 25px; }
.box_plan_5{ float:left;  width:100%; padding:15px 0px;}
.txt_big{ font-size:30px; color:#000; font-weight:600; }




.back_white{ background-color:#fff; }
.bloke_contacto {
	
	padding: 2% 2%;
    box-sizing: content-box;
    background-color: #fff;
    border-radius: 20px;
    width: 30%;
	margin: auto;
}

/**/

.solapas_mobile{ display:none; }

@media screen and (max-width: 780px) {
	.solapas_mobile{ display:block; }
	.box_plan { display:none; }
	.box_plan_4{ padding-left:10%; }
	.bloke_contacto {
		padding: 10% 5%;
		box-sizing: content-box;
		background-color: #fff;
		border-radius: 20px;
		margin: auto;
		width: 90%;
		margin-left: 0;
	}
}


.wrapper{
  width: 90%;
  margin: 20px auto 0;
  box-sizing: border-box;
}

.wrapper .accordion_wrap .accordion_header{
  width: 100%;
  height: 30px;
  background: #fff;
  padding: 15px;
  color: #d63124;
  font-weight: 700;
  border-bottom: none;
  position: relative;
  cursor: pointer;
  margin-bottom:10px;
}

.wrapper .accordion_wrap:first-child .accordion_header{ 
      border: solid 1px #d63124;
    border-radius: 10px;
	font-size: 22px;
}

.wrapper .accordion_wrap:last-child .accordion_header{
     border: solid 1px #d63124;
    border-radius: 10px;
	font-size: 22px;
}

.wrapper .accordion_wrap:last-child .accordion_header:hover{
  border-bottom: 2px solid transparent;
}

.wrapper .accordion_wrap .accordion_header:before,
.wrapper .accordion_wrap .accordion_header:after{
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 20px;
  height: 2px;
  background: #d63124;
}

.wrapper .accordion_wrap .accordion_header:hover{
  
}

.wrapper .accordion_wrap .accordion_header:hover:before,
.wrapper .accordion_wrap .accordion_header:hover:after{
  background: #999;
}

.wrapper .accordion_wrap .accordion_header:after{
  transform: rotate(-90deg);
  transition: all 0.5s ease;
}

.wrapper .accordion_wrap .accordion_body{
  width: 100%;
  height: 0px;
  transition: all 0.5s ease;
  background: #FFF;
  overflow: hidden;
  padding:0px;
}

.wrapper .accordion_wrap .accordion_body p{
  padding: 15px;
  font-size: 15px;
  line-height: 22px;
  color: #fff;
}

.wrapper .accordion_wrap .accordion_header.active{
  
}

.wrapper .accordion_wrap:last-child .accordion_header.active{
  
}

.wrapper .accordion_wrap .accordion_header.active:before,
.wrapper .accordion_wrap .accordion_header.active:after{
  
}

.wrapper .accordion_wrap .accordion_header.active:after{
  transform: rotate(0deg);
}

.wrapper .accordion_wrap .accordion_header.active + .accordion_body{
  height: 440px;
  padding: 30px 30px 100px;
  box-sizing: border-box;
}

@media screen and (max-width: 780px) {
	.wrapper{ margin: 0;}
	.wrapper .accordion_wrap .accordion_header.active + .accordion_body{
	  height: auto;
	  width: 110%;
	}
	.wrapper .accordion_wrap:last-child .accordion_header:hover{
	  border-bottom: 1px solid;
	}
}


/* ------------------ 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-top: 0;
  }
.fotos .owl-carousel .owl-nav button.owl-prev {
	border-radius: 10px 0px 0px 10px !important;
    color: #FFE !important;
    font-size: 40px !important;
    line-height: 40px !important;
    font-weight: lighter !important;
    padding: 6px 18px !important;
    font-weight: 500 !important;
}
.fotos .owl-carousel .owl-nav button.owl-next {
	border-radius: 0px 10px 10px 0 !important;
    color: #FFE !important;
    font-size: 40px !important;
    line-height: 40px !important;
    font-weight: lighter !important;
    padding: 6px 18px !important;
    font-weight: 500 !important;
}
.fotos .owl-theme .owl-nav button.owl-prev {
	position: absolute !important;
    right: 70px !important;
    top: 85% !important;
    border: 1px solid;
	margin: auto;
	background: rgba(255, 255, 255, 0.4);
	}
.fotos .owl-theme .owl-nav button.owl-next {
	position: absolute !important;
	right: 20px !important;
	top: 85% !important;
	border: 1px solid;
	margin: auto;
	background: rgba(255, 255, 255, 0.4);
	}
.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;
	}

@media (max-width:780px) {
	.fotos .owl-theme .owl-nav button.owl-prev {
		position: absolute !important;
			right: 60px !important;
			top: 65% !important;
		}
	.fotos .owl-theme .owl-nav button.owl-next {
		position: absolute !important;
			right: 10px !important;
			top: 65% !important;
		}

}

.owl-theme .owl-dots {
    text-align: center;
    margin-top: -28px !important;
    position: relative;
    z-index: 3;
    /* bottom: 60px; */
}
.owl-theme .owl-dots .owl-dot span {
    margin: 5px 10px !important;
    display: block;
    transition: all 0.6s ease-in-out;
    cursor: pointer;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #E02214 !important;
}

.owl-theme .owl-dots .owl-dot.active span {
    background-color: #E02214 !important;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #fff;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 3px;
  transition: 0.3s;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: #444444; 
	font-weight: 600;
}

/* Change background color of buttons on hover */
.tab button:hover {
}

/* Create an active/current tablink class */
.tab button.active {
	border: 2px solid #d63124;
	padding: 5px 3px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 26px 12px;
  border-top: none;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

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

@media (max-width:780px) {
	.tabcontent {
	  padding: 0px;
	}
}

.linea_gris {
	padding-top: 10px;
    border-top: 3px #ccc solid;
    font-size: 17px;
	margin-bottom: 20px;
}
.but_ambientes {
	width: 250px;
	background-color: #fff;
    padding: 5px;
    border-radius: 10px;
	margin: 15px;	
}
.but_ambientes2 {
	width: 270px;
	background-color: #fff;
    padding: 5px;
    border-radius: 10px;
	margin: 15px;	
}
.but_ambientes_1 {
	width: 25%;
	padding-left: 5%;
}
.but_ambientes_2 {
	width: 70%;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    font-weight: 400;
	text-align: center;
}
.but_ambientes2_2 {
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    font-weight: 400;
	text-align: center;
}
.celusi {
	display:none;
}
.celuno {
	display:block;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
	width: 200px;
    background-color: #fff;
    color: #555;
    text-align: center;
    border-radius: 6px;
    padding: 10px 5px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 10%;
    margin-left: -100px;
    border: 1px solid #ccc;
	font-size: .9rem;
    line-height: 1.1rem;
	box-shadow: 4px 5px 8px -4px rgba(5,2,2,0.77);
	-webkit-box-shadow: 4px 5px 8px -4px rgba(5,2,2,0.77);
	-moz-box-shadow: 4px 5px 8px -4px rgba(5,2,2,0.77);
	z-index: 9999;
    overflow: visible;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #444444 transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.iconito {
	color: #30A3DB; font-size: 10px;border: 1px solid #30A3DB;padding: 2px 4px; border-radius: 30px; margin-left: 5px;
}

@media (max-width:780px) {
	.tooltip .tooltiptext {
		width: 240px;
		font-size: 1.1rem;
		line-height: 1.2rem;
	}
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    color: #dc3545;
    float: left;
}