/*     CSS/CUSTOM.CSS            */
/*     Hostito Chile S.A.       */

	/* Fonts */
		@import url(http://fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext);
		@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
		@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');

		@font-face {
		  font-family: "Flaticon";
		  src: url("../fonts/Flaticon.eot");
		  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
			   url("../fonts/Flaticon.woff") format("woff"),
			   url("../fonts/Flaticon.ttf") format("truetype"),
			   url("../fonts/Flaticon.svg#Flaticon") format("svg");
		  font-weight: normal;
		  font-style: normal;
		}

		@media screen and (-webkit-min-device-pixel-ratio:0) {
		  @font-face {
			font-family: "Flaticon";
			src: url("./Flaticon.svg#Flaticon") format("svg");
		  }
		}

		[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
		[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
			font-family: Flaticon;
			font-size: 20px;
			font-style: normal;
			color: rgba(188,14,21,1);
			padding-right: 10px;
		}

		.flaticon-ruler:before { content: "\f100"; }
		.flaticon-placeholder:before { content: "\f101"; }
		.flaticon-car-in-garage:before { content: "\f102"; }
		.flaticon-tool:before { content: "\f103"; }
		.flaticon-furniture:before { content: "\f104"; }

	/* Fonts */

	#wrapper {
		display: block;
		width: 100%;
		margin: 0 auto;
		margin: 0 auto;
		padding: 0;
		max-width: 1366px;
		box-shadow: 0 0 120px rgba(0, 0, 0, 0.5);
		border: 1px solid rgba(0,0,0,0.25);	
		background: #FFF;
	}

	#contactoMapa {
		width: 90%;
		margin:0 auto;
		height: 500px;
		text-align:center;
		line-height: 1.35;
		overflow: hidden;
		white-space: nowrap;
		border: 5px solid #000;
	}
	#contactoMapa img{max-width: inherit;}
	#contactForm {
		position: relative;
		width: 90%;
		margin:0 auto;
	}
	/* Contact Page */

	/* Static Divs */
	.fix10{width:10%}.fix15{width:15%}
	.fix20{width:20%}.fix25{width:25%}
	.fix30{width:30%}.fix35{width:35%}
	.fix40{width:40%}.fix45{width:45%}
	.fix50{width:50%}.fix55{width:55%}
	.fix60{width:60%}.fix65{width:65%}
	.fix70{width:70%}.fix75{width:75%}
	.fix80{width:80%}.fix85{width:85%}
	.fix90{width:90%}.fix95{width:95%}
	.fix1_3{width:33.33%}.fix2_3{width:66.67%}
	/* Static Divs */
	
	/* Margin Divs */
	.div10{width:10%;margin:0 45%;}.div15{width:15%;margin:0 42.5%;}
	.div20{width:20%;margin:0 40%;}.div25{width:25%;margin:0 37.5%;}
	.div30{width:30%;margin:0 35%;}.div35{width:35%;margin:0 32.5%;}
	.div40{width:40%;margin:0 30%;}.div45{width:45%;margin:0 27.5%;}
	.div50{width:50%;margin:0 25%;}.div55{width:55%;margin:0 22.5%;}
	.div60{width:60%;margin:0 20%;}.div65{width:65%;margin:0 17.5%;}
	.div70{width:70%;margin:0 15%;}.div75{width:75%;margin:0 12.5%;}
	.div80{width:80%;margin:0 10%;}.div85{width:85%;margin:0 7.5%;}
	.div90{width:90%;margin:0 5%;}.div95{width:95%;margin:0 2.5%;}
	.div1_3{width:33.32%;margin:0 33.34%;}.div2_3{width:66.66%;margin:0 16.67%;}
	/* Margin Divs */

	/* Shortcuts */
	.floatleft{float:left;}
	.floatright{float:right;}
	.clr {clear: both;}
	.center {text-align: center;}
	.right {text-align: right;}
	.left {text-align: left;}
	/* Shortcuts */

	/* Useful Paddings */
	.paddingVer00 { padding: 0}.paddingVer05 { padding: 5px 0}
	.paddingVer10 { padding: 10px 0}.paddingVer15 { padding: 15px 0}
	.paddingVer20 { padding: 20px 0}.paddingVer25 { padding: 25px 0}
	.paddingVer30 { padding: 30px 0}.paddingVer35 { padding: 35px 0}
	.paddingVer40 { padding: 40px 0}.paddingVer45 { padding: 45px 0}
	.paddingVer50 { padding: 50px 0}.paddingVer55 { padding: 55px 0}
	.paddingVer60 { padding: 60px 0}.paddingVer65 { padding: 65px 0}
	.paddingVer70 { padding: 70px 0}.paddingVer75 { padding: 75px 0}
	.paddingVer80 { padding: 80px 0}.paddingVer85 { padding: 85px 0}
	.paddingVer90 { padding: 90px 0}.paddingVer95 { padding: 95px 0}
	/* Useful Paddings */


	/* Icons */

	  .redesSociales {
		display: inline;
		color: #e5e5e5;
		padding: 12px 11px 12px 12px;
		font-size: 20px;
		background: none;
		border: 1px solid #e5e5e5;
		border-radius: 50%;
		line-height: 3.5;
		width: 45px;
		margin: 10px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;                        
	  }
	  .facebook:hover{background:#3B5998;border:1px solid #3B5998;color:#fff;}
	  .twitter:hover{background:#69b9f6;border:1px solid #69b9f6;color:#fff;}
	  .linkedIn:hover{background:#1984bc;border:1px solid #1984bc;color:#fff;}
	  .whatsapp:hover{background:#07b601;border:1px solid #07b601;color:#fff;}
	  .googlemas:hover{background:#CA3625;border:1px solid #CA3625;color:#fff;}
	  .skype:hover{background:#00AFF0;border:1px solid #00AFF0;color:#fff;}
	  .youtube:hover{background:#FF3333;border:1px solid #FF3333;color:#fff;}
	  .vimeo:hover{background:#1AB7EA;border:1px solid #1AB7EA;color:#fff;}
	  .instagram:hover{
		  background: #f09433;
		  background: -webkit-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		  background: -o-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		  background: linear-gradient(to top right, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
		  border:1px solid #CA3625;color:#fff;}
	/* Icons */


	/* Imagenes */
		.imgLogo{width:auto;padding:0;height:auto;margin:0 auto;max-width: 40%;	}
		.imgRedondas{border-radius:50%;}
		.imgCenter{margin-left:auto;margin-right:auto;}
	/* Imagenes */



	/*  Backgrounds and Colors */
		.bgWhite{background:rgba(255,255,255,1);}
		.bgOffWhite{background:rgba(240,240,240,1);}
		.bgGrey{background:rgba(225,225,225,1);}
		.bgBlack{background:rgba(0,0,0,1);}
	/*  Backgrounds and Colors */


	/* Lists */
		.iconLi {
			list-style-image: url(../images/list-icon.png);
			margin: 20px auto 20px 30px;
		}
	/* Lists */

	/* Lines */
		.hrOffWhite{
			margin: 0px;
			border: 0px;
			height: 0;
			border-top: rgba(0,0,0,0.2) 1px solid;
			border-bottom: rgba(255,255,255,0.2) 1px solid;
		}
	/* Lines */

	/* Hover Effects */
		.glow {
			-moz-filter: brightness(0.6);
			-webkit-filter: brightness(0.6);
			-o-filter: brightness(0.6);
			filter: brightness(0.6);

			-moz-transition: all ease 0.5s;
			-webkit-transition: all ease 0.5s;
			-o-transition: all ease 0.5s;
			transition: all ease 0.5s;
		}
		.glow:hover {
			-moz-filter: brightness(1.5);
			-webkit-filter: brightness(1.5);
			-o-filter: brightness(1.5);
			filter: brightness(1.5);
		}
		.grayScale {
			filter: grayscale(.9);
			-webkit-filter: grayscale(.9);
			-moz-filter: grayscale(.9);
			-o-filter: grayscale(.9);
			-ms-filter: grayscale(.9);

			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			-ms-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}
		.grayScale:hover {	
			filter: grayscale(0);
			-webkit-filter: grayscale(0);
			-moz-filter: grayscale(0);
			-o-filter:  grayscale(0);
			-ms-filter: grayscale(0);
		}
	/* Hover Effects */

	/* Buttons */
		.verMas1{
			margin:0 auto;
			padding:0;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		.verMas2{
			margin:0 auto;
			padding:0;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		.verMas1:hover{	}
		.verMas2:hover{	}
	/* Buttons */

	/* index.html */

		#dest01, #dest02, #dest03 {
			border-left: 20px solid #000;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;}

		#dest01 {background:#000 url("../images/destacados/01.jpg") 100%/cover;}
		#dest02 {background:#000 url("../images/destacados/02.jpg") 100%/cover;}
		#dest03 {background:#000 url("../images/destacados/03.jpg") 100%/cover;}

		#dest01:hover, #dest02:hover, #dest03:hover {
			border-left: 20px solid #bc0e15;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;}

		#dest01 h4, #dest02 h4, #dest03 h4{
			opacity:1; 
			color: #FFF; 
			padding: 180px 0;
			width: 90%; 
			margin: 0 auto;
			text-align: center;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;}

		#dest01:hover h4, #dest02:hover h4, #dest03:hover h4{
			color: #FFF;
			text-shadow: 1px 1px #000;
			padding: 340px 0 20px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;}

		div.destWrap {
			background: rgba(188,14,21,0.7);
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;}

		#dest01:hover > div.destWrap,
		#dest02:hover > div.destWrap,
		#dest03:hover > div.destWrap {
			background: transparent;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease; }

		#indexLema {
				background:#000 url("../images/bg/index-bottom.jpg") 100%/cover;
				background-position:  center;
				padding: 80px;

		}

		#indexLema h1{
			padding: 25px 0;
			text-align: center;
			color: #FFF;
			text-shadow: 2px 2px #000;
			width: 80%;
			margin: 0 10%;
			font-size: 32px;
		}

/* index.html */

	/* Inner Pages */

		#innerTitle  {
			background:#000 url("../images/bg/inner-title.jpg") 100%/cover;
			background-position:  center;
		}

		#innerTitle h1,
		#innerTitleArriendos h1,
		#innerTitleComprayVenta h1,
		#innerTitleComerciales h1,
		#innerTitleAsesorias h1,
		#innerTitleContacto h1  {
			color: #fff;
			text-align:  center;
			padding:  75px 0;
			font-size: 40px;
			margin: 0 auto;
			size: 50px;
		}

		#innerTitleArriendos  {
			background:#000 url("../images/bg/inner-title-arriendos.jpg") 100%/cover;
		}

		#innerTitleComprayVenta  {
			background:#000 url("../images/bg/inner-title-compra-y-venta.jpg") 100%/cover;
		}

		#innerTitleComerciales  {
			background:#000 url("../images/bg/inner-title-comerciales.jpg") 100%/cover;
		}

		#innerTitleAsesorias  {
			background:#000 url("../images/bg/inner-title-asesorias.jpg") 100%/cover;
		}

		#innerTitleContacto  {
			background:#000 url("../images/bg/inner-title-contacto.jpg") 100%/cover;
		}

		div.divRecaptcha {
			width: 67%;
			margin: 0 auto;
		}

			/* noticias paginate */
			#easyPaginate {
				width:90%;
				margin: 0 5%;
				padding: 50px 0;
				overflow: hidden ;}
			#easyPaginate li {
				display:block;
				margin:10px 5%;
				width: 90%;
				float: left;
				border-radius: 5px;
				border: 1px solid rgba(0,0,0,0.2);
				}
			#newsDisplay{position:relative;}

			div.easyPaginateNav {
				position: absolute;
				top: 80px;
				margin: 0 auto;
				text-align: center;
			}

			div.easyPaginateNav a,
			div.easyPaginateNav a:visited{
				padding: 5px;
				color: #333;
			}


			div.easyPaginateNav a:hover {
				color: #000;
			}

			.pagiNoti {
				padding: 20px;
			}

			.pagiNoti h4{
				padding: 0 0 20px;
				text-align: center;
				font-size: 24px;
				color: #000;
				font-weight: bold;
			}

			.pagiNoti h5 {
				color: rgba(188,14,21,1);
				padding: 15px 0 ;
				width: auto;
				border: 1px solid rgba(188,14,21,1); 
				text-align: center;
				border-radius: 4px;
				margin-top: 20px;
			}

			.pagiNoti p {
				margin: 0;
				padding: 8px 0 27px;
				color: #444;
				line-height: 1.3;
				text-align: justify;
			}
			
			.pagiNoti p.iconCata,
			.pagiNoti p.iconCata a,
			.pagiNoti p.iconCata a:visited {
				padding: 0;
				color: #222;
				line-height: 1.1;
			}


			.pagiNoti p.iconCata a:hover {
				color: rgba(188, 14, 21, 1);
				text-decoration: none;
			}

			.pagiNoti p:first-of-type {
				margin-bottom: 20px;
			}

			div.propDetails {
				float: left;
				width: 50%;
				padding: 20px;
			}

			div.propImages {
				float: left;
				width: 50%;
				padding: 20px;
			}


			div.propImages img {
				display: block;
				float: left;
				width: 20%;
				padding: 0;
				margin: 5px 2.5%;
			}

			div.propImages a:first-of-type img {
				display: block;
				float: left;
				width: 95%;
				padding: 0;
				margin: 5px 2.5%;
			}

			.hrProp{
				margin: 0px auto 10px;
				border: 0px;
				height: 0;
				border-top: rgba(188,14,21,0.7) 1px solid;
				border-bottom: rgba(188,14,21,1) 1px solid;
				width: 100%;
			}


			div.propImages {position: relative}
			div.propImages h3 {
				padding: 10px 0;
				position: absolute;
				bottom: 100px;
				width: 90%;
				background: #F00;
				color: #FFF;
				box-shadow: 0 0 10px rgba(0,0,0,0.4);
				text-align: center;
				border: 1px solid #FFF;}

			/* noticias paginate */

			#leftText {}
			#leftText h2{
				font-weight: bold;
				font-size: 42px;
				padding-bottom: 50px}
			#leftText p{
				text-align: justify;
				line-height: 1.3;
				font-size: 22px;}

	/* Inner Pages */



	/* Footer */
		#footercontainer {
			clear: both;
			width: 100%;
			padding: 20px 0px;
			margin: 0 auto;
			background:#000;
			overflow: hidden;
		}		
		footer {
			clear: both;
			width: 90%;
			margin: 0 auto;
			padding: 0;
		}

		.hrFooter{
			margin: 0px auto 10px;
			border: 0px;
			height: 0;
			border-top: rgba(188,14,21,0.7) 1px solid;
			border-bottom: rgba(188,14,21,1) 1px solid;
			width: 60%;
		}
	
		  /* Footer Text */
			  footer a,
			  footer a:visited { 
				  text-decoration: none; 
				  color: #e5e5e5;
				  font-size: 14px;
			  }		
			  footer a:hover, 
			  footer a:active,
			  footer a:focus { 
				  outline : 0; 
				  text-decoration: none; 
				  color: #FFF;
			  }
			  footer p{
				  margin: 0 auto;
				  padding: 0;
				  font-size: 12px;
				  color: #e5e5e5;
				  text-align: center;
			  }
			  footer h4{
				  margin: 2px auto;
				  padding: 0;
				  color: #bc0e15;
				  text-align: center;
			  }
		  /* Footer Text */

	/* Footer */

  /* Hostito link section */
	  #smallprint{background:#333;margin: 0px auto;padding:8px 0px;line-height: 1.4em;text-align:center;color:#e5e5e5;font-size:0.923em;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	  #smallprint:hover{background:#000;}
	  #smallprint p{font-size:9px;vertical-align:middle;margin:0;text-shadow:none;}
	  #smallprint a:link{color:#e5e5e5;text-decoration:none;}
	  #smallprint a:hover{color:#FFF;text-decoration:none;}
  /* Hostito link section */

	/* Responsive */

		@media screen and (max-width: 1280px) {  
			#dest01 h4, #dest02 h4, #dest03 h4 {
				padding: 180px 0;
				}
		}

		/* ipad mini/air  wide - ipad pro vertical */
		@media screen and (max-width: 1024px) { 
			.navbar-default .navbar-nav > li > a {
				font-size: 12px;
				line-height: 16px;
			}
			
			#leftText h2{
				font-size: 32px;
				padding-bottom: 45px}
			#leftText p{
				line-height: 1.2;
				font-size: 16px;}


		}

		@media screen and (max-width: 800px) {
			.navbar-default .navbar-nav > li > a {
				font-size: 10px;
				line-height: 12px;
				padding: 10px 5px;
			}
			#dest01 h4, #dest02 h4, #dest03 h4{
				padding: 120px 0;
				font-size: 14px;
			}

			#dest01:hover h4, #dest02:hover h4, #dest03:hover h4{
				padding: 220px 0 20px;
			}
			#indexLema {
				padding: 50px;
			}
			#indexLema h1 {
				padding: 20px 0;
				width: 90%;
				margin: 0 5%;
				font-size: 24px;
			}
			
			#leftText h2{
				font-weight: bold;
				font-size: 24px;
				padding-bottom: 20px}
			#leftText p{
				text-align: justify;
				line-height: 1.3;
				font-size: 16px;}

		}

		/* ipad mini/air  vertical */
		@media screen and (max-width: 768px) {
		}

		@media screen and (max-width: 640px) {  
		}

		@media only screen and (max-width : 480px) {
			  footer p{
				  text-align: center;
			  }
				#contactoMapa {
					width: 98%;
					margin:0 auto;
					height: 300px;
				}
				#contactoMapa img{max-width: inherit;}
				#contactForm {
					position: relative;
					width: 98%;
					margin:0 auto;
				}
				/* Contact Page */

				/* Responsive Video Box */
				#videoPad{
					margin: 20px auto;
					position: relative; 
					width: 90%; 
					height: 0px; 
					padding-bottom: 60%;
				}
			#indexLema {
				padding: 20px;
			}
			
			

			div.propDetails {
				float: left;
				width: 90%;
				margin: 0 5%;
				padding: 20px;
			}

			div.propImages {
				float: left;
				width: 90%;
				margin: 0 5%;
				padding: 20px;
			}
			div.propImages h3{
				padding: 5px 0;
				top: 35%;
				width: 90%;
				left: 5%;
				border: 1px solid #FFF;
				font-size: 14px;
				bottom: auto;
			}
			
			#leftText h2{
				font-size: 42px;
				padding-bottom: 50px}
			#leftText p{
				line-height: 1.3;
				font-size: 22px;}
			
			.navbar-default .navbar-collapse {
				width: 90%;
				margin: 0 auto;
			}
			
			.navbar-default .navbar-nav > li > a {
				font-size: 12px;
				line-height: 14px;
				padding: 10px 5px;
				text-align: center;
			}
			
			.navbar-default .navbar-nav > li > a:hover {
				color: rgba(188, 14, 21, 1);
				text-decoration: none;
			}
			
			.imgLogo {
				width: 100%;
				max-width: none;
				margin: 0 auto;
			}
			
			.paddingVer80 {
				padding: 30px 0;
			}
			.div90 {width:96%;margin-left: 2%;margin-right: 2%;}
			.div80 {width:90;margin-left: 5%;margin-right: 5%;}
			.propDetails {
				width: 98%;
				margin: 0 1%;
				padding: 10px;
			}
			#easyPaginate {
				width: 98%;
				margin: 0 1%;
				
			}
			#easyPaginate li,
			div.propImages {
				width: 98%;
				margin: 10px 1%;
				padding: 10px;
				
			}
			div.propImages img {
				width: 45%;
				margin: 5px 2.5%;
			}
			.navbar-toggle {
				position: absolute;
				right: 25px;
				top: 110px;
				float: right;
				padding: 9px 10px;
				margin: 0 auto;
			}
		}

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

		/* Generic 320 width */
		@media only screen and (max-width : 375px) {   
		} 

		/* Generic 320 width */
		@media only screen and (max-width : 320px) {   
		} 

	/* Responsive */