@charset "UTF-8";

/* ===================================
		Fonts
   ====================================== */
   
   @font-face {
	   font-family: 'Sharp-Sans';
	   src: url('/assets/fonts/SharpSansNo1-BoldItalic.eot');
	   src: local('/assets/fonts/SharpSansNo1-BoldItalic'),
		   url('/assets/fonts/SharpSansNo1-BoldItalic.eot?#iefix') format('embedded-opentype'),
		   url('/assets/fonts/SharpSansNo1-BoldItalic.woff2') format('woff2'),
		   url('/assets/fonts/SharpSansNo1-BoldItalic.woff') format('woff'),
		   url('/assets/fonts/SharpSansNo1-BoldItalic.ttf') format('truetype');
	   font-weight: bold;
	   font-style: italic;
	   font-display: swap;
   }
   
   @font-face {
	   font-family: 'Sharp-Sans-Book';
	   src: url('/assets/fonts/SharpSansNo1-Book.eot');
	   src: local('/assets/fonts/SharpSansNo1-Book'),
		   url('/assets/fonts/SharpSansNo1-Book.eot?#iefix') format('embedded-opentype'),
		   url('/assets/fonts/SharpSansNo1-Book.woff2') format('woff2'),
		   url('/assets/fonts/SharpSansNo1-Book.woff') format('woff'),
		   url('/assets/fonts/SharpSansNo1-Book.ttf') format('truetype');
	   font-weight: normal;
	   font-style: normal;
	   font-display: swap;
   }
   
   @font-face {
	   font-family: 'Sharp-Sans';
	   src: url('/assets/fonts/SharpSansNo1-Bold.eot');
	   src: local('/assets/fonts/SharpSansNo1-Bold'),
		   url('/assets/fonts/SharpSansNo1-Bold.eot?#iefix') format('embedded-opentype'),
		   url('/assets/fonts/SharpSansNo1-Bold.woff2') format('woff2'),
		   url('/assets/fonts/assets/fonts/SharpSansNo1-Bold.woff') format('woff'),
		   url('/assets/fonts/SharpSansNo1-Bold.ttf') format('truetype');
	   font-weight: bold;
	   font-style: normal;
	   font-display: swap;
   }
   
   @font-face {
	   font-family: 'Sharp-Sans';
	   src: url('/assets/fonts/SharpSansNo1-Medium.eot');
	   src: local('/assets/fonts/SharpSansNo1-Medium'),
		   url('/assets/fonts/SharpSansNo1-Medium.eot?#iefix') format('embedded-opentype'),
		   url('/assets/fonts/SharpSansNo1-Medium.woff2') format('woff2'),
		   url('/assets/fonts/SharpSansNo1-Medium.woff') format('woff'),
		   url('/assets/fonts/SharpSansNo1-Medium.ttf') format('truetype');
	   font-weight: 500;
	   font-style: normal;
	   font-display: swap;
   }
   
   @font-face {
	   font-family: 'Sharp-Sans-Book';
	   src: url('/assets/fonts/SharpSansNo1-BookItalic.eot');
	   src: local('/assets/fonts/SharpSansNo1-BookItalic'),
		   url('/assets/fonts/SharpSansNo1-BookItalic.eot?#iefix') format('embedded-opentype'),
		   url('/assets/fonts/SharpSansNo1-BookItalic.woff2') format('woff2'),
		   url('/assets/fonts/SharpSansNo1-BookItalic.woff') format('woff'),
		   url('/assets/fonts/SharpSansNo1-BookItalic.ttf') format('truetype');
	   font-weight: normal;
	   font-style: italic;
	   font-display: swap;
   }
   
   @font-face {
	   font-family: 'Sharp-Sans';
	   src: url('/assets/fonts/SharpSansNo1-Semibold.eot');
	   src: local('/assets/fonts/SharpSansNo1-Semibold'),
		   url('/assets/fonts/SharpSansNo1-Semibold.eot?#iefix') format('embedded-opentype'),
		   url('/assets/fonts/SharpSansNo1-Semibold.woff2') format('woff2'),
		   url('/assets/fonts/SharpSansNo1-Semibold.woff') format('woff'),
		   url('/assets/fonts/SharpSansNo1-Semibold.ttf') format('truetype');
	   font-weight: 600;
	   font-style: normal;
	   font-display: swap;
   }
   
/* ===================================
		  General
====================================== */
	  :root {
		--vh: 100vh;
	  }
	  html {
		height: -webkit-fill-available;
		font-family: 'Sharp-Sans-Book', sans-serif !important;
		font-size: calc(0.6rem + 0.4vw) !important;
	  }
	  body { 
			 font-family: 'Sharp-Sans-Book', sans-serif !important;
			 font-size: calc(0.6rem + 0.4vw) !important;
			 width: 100%; 
			 overflow-x: hidden;
			 padding: 0;
	   }
	  /* Avoid Chrome to see Safari hack */
	  @supports (-webkit-touch-callout: none) {
		body {
		  /* The hack for Safari */
		  min-height: -webkit-fill-available;
		}
	  }
	  
	  .orange-k {
		color: #E08433 !important;
	  }
	  
	  .black-k {
		  background-color: #222222;
	  }
	  .black-e {
			background-color: #444444;
		}
		.black-n {
			  background-color: #939393;
		  }
		  .black-t {
				background-color: #6B6B6B;
			}
		 
		 
   /* ===================================
			  Header
	====================================== */
	header {
		position: relative;
		height: 54px;
	}
	nav .navbar-brand img {
		height: 30px;
		padding-left: 30px;
	}  
	  
	  
	 
	/* ===================================
			  Down Home
	====================================== */ 
	 
	 .carousel-caption {
		 bottom: 20rem !important;
	 }
	 
	 #about-home {
		 background-color: #222222;
		 color: #fff;
		 padding: 30px;
		 height: 177px;
	 }
	 #about-home img {
		 width: 220px;
		 display: block;
		 padding-top: 20px;
	 }
	 #about-home p {
		 font-size: calc(0.5rem + 0.4vw) !important;
		 padding-top: 25px;
	 }
	 
	 
	 #info-home {
		 padding: 40px 40px 0px 40px;
		 background-color: #222222;
		 color: #fff;
	 }
	 #info-home a {
		 /*color: #222222;*/
		 text-decoration: none;
		 display: block;
		 padding: 5px;
		 color: #fff;
	 }
	 #info-home h4 {
		 font-size: calc(1.1rem + .3vw);
		 font-family: 'Sharp-Sans', sans-serif !important;
		 font-weight: 600;
		 padding-bottom: 20px;
	 }
	 #info-home p {
		 font-size: calc(0.4rem + 0.4vw) !important;
		 padding: 20px 0px;
	 }
	 #info-home img {
		 max-width: 600px;
		 width: 100%;
		 height: 275px;
	 } 
	 
	 #info-home-black {
		  padding: 40px 40px 0px 40px;
		  background-color: #fff;
		  color: #222222;
	  }
	  #info-home-black a {
		  color: #222222;
		  text-decoration: none;
		  display: block;
		  padding: 5px;
	  }
	  #info-home-black h4 {
		  font-size: calc(1.2rem + .3vw);
		  font-family: 'Sharp-Sans', sans-serif !important;
		  font-weight: bold;
		  padding-bottom: 20px;
	  }
	  #info-home-black p {
		  font-size: calc(0.4rem + 0.4vw) !important;
		  padding: 20px 0px;
	  }
	  #info-home-black img {
		  max-width: 600px;
		  width: 100%;
		  height: 275px;
	  } 
	
	/* ===================================
	 		 Menu
	====================================== */  
	  
	 nav {
		 font-size: calc(0.3rem + 0.4vw) !important;
	 } 
	 li.nav-item {
		 padding-right: 30px;
	 } 
	 .dropdown-item {
		 font-size: calc(0.3rem + 0.4vw) !important;
	 }
	 
	/* ===================================
			   ABOUT US
	 ====================================== */  
	 
	 #header-about-desk {
			 width: 100%;
			 height: 95vh;
			 position: relative;
			 background-image: url(/assets/images/nosotros-top-background.jpg);
			 background-repeat: no-repeat;
			 display: block;
			 -webkit-background-size: cover;
			 -moz-background-size: cover;
			 -o-background-size: cover;
			 background-size: cover;
			 margin-top: -10px;
			 color: #fff;
	 }
	 #screen-black {
		 width: 100%;
		 height: 95vh;
		 position: absolute;
		 background-color: rgb(0 0 0 / 75%);
		/* top: 56px; */
	 }
	 .padd-4 {
		  padding: 4rem;
		  z-index: 999;
	  }
	  .padd-5 {
		   padding: 5rem;
		   z-index: 999;
	   }
	 .padd-6 {
		 padding: 6rem;
		 z-index: 999;
	 }
	 #header-about-desk .logo-int {
		 width: 170px;
		 padding-bottom: 40px;
	 }
	 #header-about-desk p {
		 padding-bottom: 40px;
		 max-width: 588px;
	 }
	 #header-about-desk .img-int {
		 width: 100%;
		 max-width: 565px;
		 display: block;
	 }
	 #information-about-desk h4 {
		 font-family: 'Sharp-Sans', sans-serif;
		 font-size: calc(1.2rem + 0.4vw);
		 font-weight: bold;
		 margin-bottom: 3rem;
	 }
	 #information-about-desk {
		 padding: 6rem; 
		 color:#fff;
	 }
	 #information-about-desk a {
	 	text-decoration: none;
		color: #fff;
		width: fit-content;
	 }
	 #information-about-desk a i {
		 color: #969696;
	  }
	  
	  #header-about-desk h1 {
		  font-size: calc(1rem + 0.6vw);
		  font-weight: 500;
		  font-family: 'Sharp-Sans', sans-serif;
		  text-align: center;
		  margin: 10px 0px 20px 0px;
		  display: block;
	  }
	 #header-about-desk h3 {
		  font-size: calc(0.7rem + 0.6vw);
		  font-weight: 100;
		  font-family: 'Sharp-Sans-Book', sans-serif;
		  text-align: center;
		  margin: 10px 0px;
		  display: block;
	  }
	  #header-about-desk h4 {
		  font-size: calc(1.2rem + 0.6vw) !important;
		  text-align: center;
		  color: #fff;
		  font-family: 'Sharp-Sans', sans-serif;
		  font-weight: 600;
	  }
	  #header-about-desk h5 {
			font-size: calc(0.6rem + 0.5vw) !important;
			text-align: center;
			color: #fff;
		}
	  #header-about-desk h6 {
		  padding-top: 10rem;
		  padding-bottom: 1rem;
	  }
	  #header-about-desk .number {
		 width: 80px;
		 height: 80px;
		 display: block;
		 border-radius: 50%;
		 line-height: 88px;
		 font-size: calc(1.6rem + 0.6vw) !important;
		 text-align: center;
		 margin: 10px auto;
		 font-family: 'Sharp-Sans', sans-serif;
		 font-weight: bold;
	  }
	  #header-about-desk .ngray {
		  background-color: #C9C9C9;
		  color: #222;
	  }
	  #header-about-desk .ndgray {
		  background-color: #777777;
		  color: #fff;
	  }
	  #header-about-desk .norang {
		  background-color: #E08433;
		  color: #fff;
	  }
	  
	  #information-about-desk ul {
		  display: block;
		  margin: 0;
		  padding: 0;
		  list-style: none;
	  }
	  #information-about-desk ul li {
		  margin: 25px 0px;
		  font-size: calc(0.75rem + 0.4vw) !important;
	  }
	  .one {
		  display: inline-block;
		  width: 25px;
		  height: 25px;
		  line-height: 27px;
		  background-color: #E08433;
		  border-radius: 50%;
		  text-align: center;
		  color: #fff;
		  font-weight: 500;
		  font-family: 'Sharp-Sans', sans-serif;
	  }
	  .two {
		  display: inline-block;
		  width: 25px;
		  height: 25px;
		  line-height: 27px;
		  background-color: #777777;
		  border-radius: 50%;
		  text-align: center;
		  color: #fff;
		  font-weight: 500;
		  font-family: 'Sharp-Sans', sans-serif;
	  }
	  .tree {
		  display: inline-block;
		  width: 25px;
		  height: 25px;
		  line-height: 27px;
		  background-color: #C9C9C9;
		  border-radius: 50%;
		  text-align: center;
		  color: #222;
		  font-weight: 500;
		  font-family: 'Sharp-Sans', sans-serif;
	  }
	  #exampleModal .b24-form-header-title {
		  color: #777777 !important;
	  }
	  
	  
	  
	 /* ===================================
				PROYECT
	  ====================================== */  
	  
	  #header-proyect-desk {
			  width: 100%;
			  height: 95vh;
			  position: relative;
			  background-repeat: no-repeat;
			  display: block;
			  -webkit-background-size: cover;
			  -moz-background-size: cover;
			  -o-background-size: cover;
			  background-size: cover;
			  margin-top: -10px;
			  color: #fff;
	  }
	  .padd-3 {
		   padding: 3rem;
		   z-index: 999;
	   }
	   
	   #master-desk h3 {
		   color: #ffffff;
		   font-size: calc(1.7rem + 0.4vw);
		   font-family: 'Sharp-Sans', sans-serif;
		   font-weight: bold;
	   }
	   #tipo-desk h3 {
			  font-size: calc(1.7rem + 0.4vw);
			  font-family: 'Sharp-Sans', sans-serif;
			  font-weight: bold;
		} 
		.text-cb-5 {
			-webkit-text-stroke: 1px #fff;
			color: transparent;
			font-size: calc(5.2rem + 0.9vw) !important;
			text-transform: capitalize;
			font-family: 'Sharp-Sans', sans-serif !important;
			font-weight: 600;
			max-height: 120px;
		}
		#header-proyect-desk h3 {
			font-family: 'Sharp-Sans', sans-serif;
			font-size: calc(1.2rem + 0.8vw);
			font-weight: bold;
			margin-top: 20px;

		}
		#header-proyect-desk p {
			margin-top: 2rem;
		}
		#header-proyect-desk b {
			font-weight: 600;
			font-family: 'Sharp-Sans', sans-serif;
		}
		#header-proyect-desk .logo-proyect-top {
			display: block;
			width: 130px;
			margin: 0 auto 45px auto;
		}
		#header-proyect-desk .form-pro-top {
			padding: 1rem 7rem;
		}
		
		.nav-pills .nav-link {
			background-color: #777777;
			color: #fff;
			border-radius: 10px;
			padding: 10px 28px;
		}
		.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
			background-color: #E08433;
		}
		
		.mt-projects {
			-webkit-text-stroke: 1px rgb(255 255 255 / 40%);
			color: transparent;
			font-size: calc(6rem + 0.9vw) !important;
			text-transform: capitalize;
			font-family: 'Sharp-Sans', sans-serif !important;
			font-weight: 600;
		}
		.icon-bath {
			   background-image: url(/assets/images/icon-bath.webp);
			   display: inline-block;
			   width: 50px;
			   height: 35px;
			   position: relative;
			   background-size: contain;
			   background-repeat: no-repeat;
			   text-align: center;
			   margin: 0 6px 0 0;
			   bottom: -6px;
			   float: left;
		   }
		   
		   .icon-park {
			   background-image: url(/assets/images/icon-park.webp);
			   display: inline-block;
			  width: 50px;
			  height: 35px;
			  position: relative;
			  background-size: contain;
			  background-repeat: no-repeat;
			  text-align: center;
			  margin: 0 6px 0 0;
			  bottom: -6px;
			  float: left;
		   }
		   
		   .icon-rooms {
			   background-image: url(/assets/images/icon-rooms.webp);
			   display: inline-block;
			   width: 50px;
			   height: 35px;
			   position: relative;
			   background-size: contain;
			   background-repeat: no-repeat;
			   text-align: center;
			   margin: 0 6px 0 0;
			   bottom: -6px;
			   float: left;
		   }
		   .btngray-khaya {
				 color: #fff !important;
				 display: block !important;
				 background-color: #444444 !important;
				 padding: 8px 14px !important;
				 border-radius: 13px !important;
				 font-size: calc(0.3rem + 0.6vw) !important;
				 text-align: center !important;
				 margin: 0 auto !important;
			  }
		
	 
	 /* ===================================
			   PROYEJETS
	 ====================================== */  
	 
	  #info-about-desk {
		  padding: 50px 0 0 0;
	  }
	  #info-about-desk h4 {
		  padding-bottom: 0px;
		  font-family: 'Sharp-Sans', sans-serif !important;
		  font-size: calc(1.6rem + 0.4vw) !important;
		  font-weight: bold;
		  text-align: center;
	  }
	 #info-about-desk .img-project {
		 margin: 30px 0 0 0;
		 height: 180px;
	 }
	 #info-about-desk #shadowimag {
		 height: 100%;
		 background-color: rgb(0 0 0 / 33%);
	 }
	 #info-about-desk .img-logo-pro {
		 width: 100px;
		 margin-top: 65px;
	 }
	 
	 #info-about-desk #curridabat {
		  height: 100%;
		  background-size: cover !important;
		  background-repeat: no-repeat !important;
		  background-position: center center !important;
	  }
	 #info-about-desk #nacion {
		  height: 100%;
		  background-size: cover !important;
		  background-repeat: no-repeat !important;
		  background-position: center center !important;
	  }
	  #info-about-desk #rohrmoser {
		   height: 100%;
		   background-size: cover !important;
		   background-repeat: no-repeat !important;
		   background-position: center center !important;
	   }
	   #info-about-desk .img-change {
		   padding: 40px 0px 0px 35px;
		   width: 100%;
	   }
	   span.logo-big-img {
		   position: absolute;
		   top: 50%;
		   z-index: 999;
		   left: 42%;
	   }
	   span.logo-big-img img {
		   width: 140px;
	   }
	   .btnkhaya {
		   position: relative;
		   width: 210px;
		   height: 40px;
		   margin: 0 auto;
		   display: block;
		   text-align: center;
		   text-decoration: none;
		   color: #fff;
		   background-color: #E08433;
		   line-height: 40px;
		   border-radius: 19px;
		   margin-top: -20px;
	   }
	  
	  
	  .nameproject-black {
			-webkit-text-stroke: 1px #fff;
			color: transparent;
			font-size: calc(6rem + 0.6vw) !important;
			text-transform: capitalize;
			writing-mode: vertical-lr;
			transform: rotate(180deg);
			right: 0;
			position: absolute;
			opacity: 52%;
			top: 0;
			/* bottom: 10%; */
			font-family: 'Sharp-Sans', sans-serif !important;
			font-weight: bold;
			margin-top: 13%;
	  }
	  
	  
	  
	  #pic-full-slider {
		  width: 100%;
		  height: auto;
		  margin-top: 7rem;
	  }
	  #imagechange {
		  width: 100%;
		  margin-top: 45px;
	  }
	  #owl-demo {
		  width: 100%;
		  max-width: 600px;
		  height: 500px;
	  }

	 .item.classOne {
		 border: 4px solid #E08433;
		 border-radius: 10px;
		 
	 }
	 .item.classOne img.link {
		 border: transparent !important;
	 }
	  #owl-demo .item .link {
		  width: 100%;
		  height: auto;
		  border-radius: 7px;
		  border: 2px solid #888;
	  }
	  .owl-carousel .owl-wrapper-outer {
		  width: 100% !important;
		  height: 515px !important;
	  }
	  .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
		  width: 100% !important;
		  height: 400px;
		  margin: 0rem 0px 0px 0px;
	  }
	  .owl-carousel .owl-item {
		  float: left;
		  width: 185px !important;
		  margin: 14px 25px 35px 0;
		  height: 115px !important;
	  }
	  .hab-proyect-info {
		  display: block;
		  margin-top: -35px;
		  font-size: calc(1.1rem + .3vw);
		  font-family: 'Sharp-Sans', sans-serif !important;
		  font-weight: 600;
		  margin-bottom: 2rem;
	  }
	  .price-proyect-info {
		  font-size: calc(1.1rem + .3vw);
		  font-family: 'Sharp-Sans', sans-serif !important;
		  display: block;
	  }
	  .price-proyect-info small {
		  font-family: 'Sharp-Sans-Book', sans-serif !important;
		  font-weight: 100;
		  font-size: calc(0.8rem + .3vw);
	  }
	  .details-proyect-3 {
		  margin: 0;
		  padding: 0;
		  height: 45px;
		  line-height: 45px;
	  }
	  .details-proyect-3 li {
		  text-decoration: none;
		  display: inline-block;
		  margin-right: 20px;
	  }
	  
	  #project-apto-desk #pills-tab {
		  padding: 33px 0px 0px 0px;
		  position: absolute;
		  text-align: right;
		  right: 20%;
	  }
	  
	  .h_iframe {
		position: relative;
	  }
	  
	  .h_iframe .ratio {
		display: block;
		width: 100%;
		height: auto;
	  }
	  
	  .h_iframe iframe {
		width: 100%;
		height: 80vh;
	  }

	  
	/* ===================================
	   Footer
	====================================== */  
	  
	
	.footer {
		padding: 40px 0;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
		margin-bottom: 2rem;
	}
	footer {
		width: 100%;
		margin-bottom: 6rem;
		color: #999999;
	}
	ul.social-footer {
		display: block;
		height: auto;
		text-align: center;
		margin-bottom: 1rem;
	}
	ul.social-footer li {
		text-decoration: none;
		line-height: 50px;
		display: inline-block;
		width: 50px;
		height: 50px;
		text-align: center;
		margin: 10px;
		background-color: #E08433;
		border-radius: 85px;
	}
	footer a {
		display: block;
		width: auto;
		height: 100%;
	}
	footer i {
		font-size: 28px;
		color: #fff;
		padding-top: 13px;
	}
	.footer-social ul{
		margin: 0;
		padding: 0;
	}
	
	.footer-social li{
		display: inline-block;
	}
	
	.footer-social a {
		display: block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		border-radius: 50px;
		font-size: 17px;
		margin: 0 10px 0 0;
		border: 1px solid transparent;
		-webkit-transition: background-color .2s ease-in-out;
		-o-transition: background-color .2s ease-in-out;
		transition: background-color .2s ease-in-out;
	}



/* ===================================
		Scrollbar
	====================================== */
	
	::-webkit-scrollbar {
		width: 8px;
	}
	::-webkit-scrollbar-track {
		width: 8px;
		background:white;
		border-left: 0 solid white;
		border-right: 0 solid white;
	}
	::-webkit-scrollbar-thumb {
		background: #E48525;
		width: 0;
		height: 25%;
		transition: .5s ease;
		cursor: pointer;
	}
	
	
	
/* ===================================
		Image Hover
	====================================== */
	
	.hover-effect::before,
	.hover-effect::after {
		content: "";
		background: #fff;
		height: 0;
		width: 0;
		z-index: 1;
		position: absolute;
		-webkit-transition-duration: 1.3s !important;
		-o-transition-duration: 1.3s;
		transition-duration: 1.3s !important;
	}
	.hover-effect::before {
		right: 0;
		opacity: 1;
		bottom: 0;
	
	}
	.hover-effect::after {
		top: 0;
		opacity: .7;
		left: 0;
	}
	.hover-effect:hover::after, .hover-effect:hover::before {
		height: 100%;
		opacity: 0;
		width: 100%;
	}
	/* Use in BLog */
	.image {
		overflow: hidden;
	}
	a.image{
		display: block;
	}
	.image img {
		width: 100%;
		height: 100%;
		display: block;
	}
	.image, .image img {
		position: relative;
	}
	/* Use in BLog */
	.image {
		overflow: hidden;
	}
	a.image{
		display: block;
	}
	.image img {
		width: 100%;
		height: 100%;
		display: block;
	}
	.image, .image img {
		position: relative;
	}	  
	.b24-form-control-alert.b24-form-control-checkbox, .b24-form-control-alert.b24-form-control-radiobox, .b24-form-control-alert.b24-form-control-file, .b24-form-control-alert.b24-form-control-list .b24-form-control, .b24-form-control-alert.b24-form-control-string .b24-form-control, .b24-form-control-alert.b24-form-control-text .b24-form-control {
		background-color: #fff !important;
		border-color: #fff !important;
	}