@font-face {
    font-family: 'Coluna';
    src: url('../fonts/Coluna-CondensedBold.woff2') format('woff2'),
        url('../fonts/Coluna-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@import url(https://www.pilares.cl/wp-content/themes/pilares-ida/dist/css/main.css);
/* header pilares */

.header-bar {
    position: relative;
}
.nav-bar:not(.nav-bar--proyecto) {
    box-shadow: 0 2px 3px rgb(51 56 60 / 40%);
}
.nav-bar {
	position: relative;
  padding: 0;
  background: #33383c;
  z-index: 6;
  transition: .2s ease;
}
.containermenu, .floater__container, .imap__container, .modal__body {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0.5rem;
    width: 100%;
}
.containermenu, .floater__container, .imap__container, .modal__body {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0.5rem;
    width: 100%;
}
.container--nav {
    padding: 0;
}
.nav-bar__body, .nav-bar__brand, .nav-bar__holder {
    display: -ms-flexbox;
    display: flex;
}
.nav-bar__body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.nav-bar__body, .nav-bar__brand {
    max-width: 100%;
    -ms-flex-align: center;
    align-items: center;
}
.nav-bar__body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.nav-bar__menu-holder {
    height: 100%;
}
.nav-bar__menu, .nav-bar__menu-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.nav-bar__menu-holder {
    margin: 0 0 0 2rem;
    width: 100%;
}
.nav-bar__menu {
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.nav-bar__menu .menu-item, .nav-bar__menu .menu-item.menu-item-has-children {
    position: relative;
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
    margin-right: 0.5rem;
    background: transparent;
}

.nav-bar__menu .menu-item.menu-item-has-children a, .nav-bar__menu .menu-item a {
    position: relative;
    color: #fff;
    padding: 0.5rem 1rem;
    font-size: .625rem;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: .3px;
    text-transform: uppercase;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.nav-bar__mobile-menu {
    left: 0;
    height: 100%;
    background: #ff6900;
    color: #fff;
    z-index: 999999;
    display: none;
}



.nav-bar__deploy-button span, .nav-bar__mobile-menu span, .nav-bar__search-button span {
    display: block;
    margin: 0 auto;
    width: 40%;
    height: 2px;
    background: #FF6;
    position: relative;
    transition: all .3s ease;
}
.nav-bar__mobile-menu span {
    height: 3px;
}
.nav-bar__mobile-menu span, .nav-bar__mobile-menu span:after, .nav-bar__mobile-menu span:before {
    background: #fff;
}


.nav-bar__brand {
    max-width: 8rem;
    max-height: 4rem;
    height: auto;
    display: block;
    position: relative;
    padding: 0.25rem 0;
}
.hide {
    display: none;
}

.nav-bar__brand .app-brand {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

/* inicio mediaqueries */
@media only screen and (max-width: 53.125rem) {
	/*.nav-bar__mobile-head>a, .nav-bar__mobile-head>button {
    display: none;
	}*/
	.nav-bar__mobile-menu {
		display: block;
	}
	.nav-bar__deploy-button, .nav-bar__mobile-menu, .nav-bar__search-button {
		    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border-radius: 0;
    line-height: 1;
    border: 0;
    outline: 0;
    padding: 0;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 100%;
    top: .25rem;
    width: 3rem;
    height: 3rem;
    background: #ff6900;
    transition: all .3s ease;
	}
	.nav-bar__deploy-button, .nav-bar__mobile-menu, .nav-bar__search-button {
    display: -ms-flexbox;
    display: flex;
    left: 100%;
    position: absolute;
    top: 0;
    width: 3rem;
    height: 3.5rem;
    z-index: 999;
	}
	.nav-bar__brand {
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
	.nav-bar__brand {
    margin: 0 3rem;
    width: 100%;
    max-width: 100%;
	}
	.nav-bar__body {
		display: none;
	}
	.nav-bar__mobile-head {
		    width: 100%;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: #33383c;
	}
	.nav-bar__brand .app-brand {
    max-width: 9rem;
    margin: 0 auto;
	}
}

@media screen and (max-width: 30rem){
	body {
    direction: ltr;
	}
}
.nav-bar__mobile-menu {
    left: 0;
    height: 100%;
    background: #ff6900;
    color: #fff;
    z-index: 999999;
}
.nav-bar__deploy-button span:after, .nav-bar__deploy-button span:before, .nav-bar__mobile-menu span:after, .nav-bar__mobile-menu span:before, .nav-bar__search-button span:after, .nav-bar__search-button span:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 1px);
    transform: rotate(0);
    transition: all .3s ease;
}
.nav-bar__deploy-button span:before, .nav-bar__mobile-menu span:before, .nav-bar__search-button span:before {
    transform: translateY(-8px) rotate(0);
}
.nav-bar__deploy-button span:after, .nav-bar__mobile-menu span:after, .nav-bar__search-button span:after {
    transform: translateY(8px) rotate(0);
}
/* inicio mediaqueries */
#slidehome {
	background: #000;
	height: 100vh;
	padding: 0;
	overflow: hidden;
}
#slidehome .container {
	position: relative;
	height: 100%;
}
.sleep-video {
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  z-index: -1;
}
.ParallaxVideo{ 
    height: 300px;
    /*padding-bottom: 50px;
    padding-top: 50px; */
}
.ParallaxVideo video{ 
    margin:0 auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    transition: 1s opacity;
}
#slidehome .vermas {
	color: #ED6C05;
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 40px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	background-image: url('../images/icon_vermas_arrow.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 23px 34px;
}
#desafiamoslosme2 {
	background: #E8E9E4;
	background-image: url('../images/fondo_lineas01.png'), url('../images/fondo_lineas02.png');
	background-size: 300px, 200px;
	background-position: left top, right center;
	background-repeat: no-repeat, no-repeat;
	background-attachment: fixed, fixed;
}
#desafiamoslosme2 .container {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
#desafiamoslosme2 .title {
	color: #000;
	font-size: 50px;
}
#desafiamoslosme2 .title strong {
	color: #ED6C05;
}
#desafiamoslosme2 .content_image {
	position: relative;
}
#desafiamoslosme2 .content_image .image_sombra {
	z-index: 0;
	position: absolute;
}
#desafiamoslosme2 .content_image .image_girl {
	z-index: 1;
	position: absolute;
}


#espacialidadinteriorismo {
	background: linear-gradient(270deg, #D23518 0%, #ED6C05 100%);
/*	margin-top: -20rem;*/
/*	padding-top: 15rem;*/
	padding-top: 10rem;
	padding-bottom: 3rem;
	background-attachment: fixed;
}
#espacialidadinteriorismo h2.title {
	font-size: 96px;
	color: #000;
	background-image: url('../images/fondo_lineas_center.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-bottom: 10px;
	text-align: center;
}
#espacialidadinteriorismo .title span {
	font-size: 64px;
	color: #fff;
}
#espacialidadinteriorismo .subtitle {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	padding-top: 30px;
}
#seccionjoven {
/*	padding-top: 5rem;*/
	padding-bottom: 3rem;
}
#seccionjoven p, #seccionjoven strong {
	color: #fff;
}
#seccionjoven .skate {
	margin-top: 60px;
}
#secciones_duales {
	background-image: url('../images/line_separacion.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 5rem;
}
#secciones_duales a {
	transition: all .5s ease;
	opacity: .7;
}
#secciones_duales a:hover {
	opacity: 1;
}
#secciones_duales a:hover .content_image img {
	margin-top: -5px;
	transition: all .5s ease;
}
#secciones_duales a#modal_espacialidad:hover i {
	margin-left: 5px;
}

#secciones_duales a#modal_interiorismo:hover i {
	margin-right: 5px;
}

#secciones_duales h3.title {
	font-size: 90px;
	color: #000;
	background-image: url('../images/title_vector.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 350px;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
#secciones_duales .content_image {
	position: relative;
}
#secciones_duales .content_image span {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
  height: 100%;
  display: block;
}
#secciones_duales #modal_espacialidad i {
	display: inline-block;
  float: left;
  margin-top: 20px;
  margin-right: 20px;
  transition: all .5s ease;
}
#secciones_duales #modal_interiorismo i {
	display: inline-block;
  float: right;
  margin-top: 20px;
  margin-left: 20px;
  transition: all .5s ease;
}
#secciones_duales #modal_interiorismo h3 {
	float: left;
}
#secciones_duales #modal_espacialidad h3 {
	float: right;
}

/* slider */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slick-prev, .slick-next {
	width: 62px;
	height: 48px;
}
.slick-prev {
	left: -75px;
}
.slick-next {
	right: -75px;
}
.slick-prev:before, .slick-next:before {
	width: 62px;
	height: 48px;
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}
.slick-prev:before {
	background-image: url('../images/icon_left_arrow.png');
}

.slick-next:before {
	background-image: url('../images/icon_right_arrow.png');
}


#videocampana {
	background: #E8E9E4;
	background-image: url('../images/fondo_lineas01.png'), url('../images/fondo_lineas02.png');
	background-size: 300px, 200px;
	background-position: left top, right center;
	background-repeat: no-repeat, no-repeat;
	background-attachment: fixed, fixed;
	padding-top: 10rem;
	padding-bottom: 10rem;
}
#nuestrosproyectos {
	background: #fff;
}
#nuestrosproyectos .button-group {}
#nuestrosproyectos .button-group .button {
	color: #000;
	display: block;
	transition: all .5s ease;
	padding-left: 80px;
	background-size: 100px;
	background-position: -60px center;
	border: 0;
}
#nuestrosproyectos .button-group .button:hover, #nuestrosproyectos .button-group .button.is-checked {
	color: #ED6C05;
	background-image: url('../images/arrow_menu_proyectos.png');
	background-repeat: no-repeat;
	background-position: -50px center;
	background-size: 100px;
	padding-left: 85px;
}
#nuestrosproyectos h2.title {
	font-size: 50px;
}
#nuestrosproyectos .content_proyecto {
	padding: 10px;
	position: relative;
	height: 150px;
}
#nuestrosproyectos h3.title {
	font-size: 18px;
/*	padding: 5px;*/
	font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom: 5px;
}
#nuestrosproyectos p {
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
#nuestrosproyectos a.button{
	background-image: url('../images/arrow_button.png');
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 30px;
	margin-bottom: 10px;
	position: absolute;
	bottom: 0;
}
#nuestrosproyectos a.button.is-orange {
	background-color: #ED6C05;
	color: #fff;
	background-image: url('../images/arrow_button_blanco.png');
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 30px;
	margin-bottom: 10px;
	position: absolute;
	bottom: 0;
	right: 10px;
}

/* ---- .element-item ---- */

#nuestrosproyectos .item {
  position: relative;
/*  background: #E8E9E4;*/
  float: left;
  /*width: 25%;*/
  width: 350px;
  height: 360px;
  margin: 5px 5px 30px 5px;
  padding: 0;
/*  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;*/
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  border: 1px solid #ddd;
}

#nuestrosproyectos .item > * {
  margin: 0;
  padding: 0;
}

/* footer  */
.footer {
	background: #E8E9E4;
	padding: 3rem 0 0 0;
}
.footer .footer_pilares {
	background: #33383C;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.footer .footer_pilares img {
	display: inline-block;
	margin: 0 5px;
}
.footer .media {
	border-left: 1px solid #333;
}
.footer .media:first() {
	border: 0;
}
.button {
	border-radius: 0;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.button.is-orange {
	background-color: #ED6C05;
  border-color: transparent;
  color: #fff;
}
.title {
    font-family: 'Coluna';
    font-weight: bold;
    font-style: normal;
}

/* ---- isotope ---- */

.grid {
/*  border: 1px solid #333;*/
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}


#image-map, #image-map-mobile {
	position: relative;
}
#image-map-mobile {
	width: 320px;
  margin: 0 auto;
}
/* ---- tooltip ---- */
/* Hide the original tooltips contents */
.pin, .pinmobile {
    display: none;
}
.pin-down {
	transform: scale(.5);
	animation: pulse 2s infinite;
}
.tooltip-down {
	transform: scale(.5);
	animation: pulse 2s infinite;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
.tooltip-up, .tooltip-down {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-image: url('../images/punto.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.tooltip-up:hover, .tooltip-down:hover {
    background-image: url('../images/punto_rojo.png');
}

/*.tooltip-down {
    background-position: 0 -37px;
}*/

.tooltip {
    display: none;
    width: 100px;
    cursor: help;
    text-shadow: 0 1px 0 #fff;
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 999;
    margin-left: -50px;
    padding: 5px;
    color: #222;
    border-radius: 5px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    background: #E8E9E4;
    margin-bottom: 20px;
}

.tooltip::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    border-bottom: 10px solid #fff1d3;
    border-left: 10px solid transparent;
    border-right : 10px solid transparent;
}

.tooltip-down .tooltip {
    bottom: 12px;
    top: auto;
}

.tooltip-down .tooltip::after {
    bottom: -10px;
    top: auto;
    border-bottom: 0;
    border-top: 10px solid #E8E9E4;
}

.tooltip p {
    font-size: 12px;
    margin: 0;
}

.tooltip ul {
    margin: 0;
    padding: 0;
    list-style: none;
}



/* super slide  */
.slide-in {
  z-index: 10; /* to position it in front of the other content */
  position: fixed;
  overflow: hidden; /* to prevent scrollbar appearing */
  width: 100%;
  height: 100%;
  transition: transform .5s ease;
}

.slide-in .btn_close {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 48px;
	height: 48px;
	background-image: url('../images/btnclose.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}

.slide-in.from-left {
  left: 0;
}

.slide-in.from-right {
  right: 0;
}

.slide-in-content {
  padding: 5px 20px;
/*  background: linear-gradient(270deg, #D23518 0%, #ED6C05 100%);*/
  transition: transform .5s ease; /* our nice transition */
  background: #E8E9E4;
	background-image: url('../images/fondo_lineas01.png'), url('../images/fondo_lineas02.png');
	background-size: 300px, 200px;
	background-position: left top, right center;
	background-repeat: no-repeat, no-repeat;
	background-attachment: fixed, fixed;
}
.slide-in-content .title {
	  font-size: 90px;
    color: #000;
    background-image: url(../images/title_vector_naranjo.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 350px;
    padding-bottom: 10px;
    margin-bottom: 40px;
    text-align: center;
}
.slide-in-content h3 {
	color: #000;
	font-family: 'Coluna';
  font-weight: bold;
  font-style: normal;
  font-size: 80px;
  line-height: normal;
}
.slide-in-content h4 {
	color: #ED6C05;
	font-family: 'Coluna';
  font-weight: bold;
  font-style: normal;
  font-size: 50px;
  line-height: normal;
}
.slide-in-content p {
	color: #333;
/*	text-transform: uppercase;*/
	font-size: 14px;
}

.slide-in.from-left .slide-in-content {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}

.slide-in.from-right .slide-in-content {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}

.slide-in.show .slide-in-content {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  height: 100%;
}
.slide-in.show {
	top: 0;
}

.background_modal {
	position: absolute;
	right: 0;
	bottom: -10px;
	z-index: 2;
}

.sticky {
  text-align: center;
  top: 0;
  z-index: 2;
}
.slider-nav .slick-track {
		cursor: pointer;
		width: 70%!important;
		text-align: center!important;
}
.slider-nav .slick-track .slick-slide {
	border: 2px solid #fff;
	margin: 3px;
	width: 90px!important;
}
.slider-nav .slick-track .slick-slide.is-active {
	border: 2px solid #ED6C05;
}

@media only screen and (max-width:768px) {
	##videocampana {
		padding: 2rem;
	}
	.columns.is-mobile {

	}
	#espacialidadinteriorismo h2.title {
		font-size: 65px;
	}
	#secciones_duales {
		background: none;
	}
	#secciones_duales h3.title {
		font-size: 60px;
	}
	#desafiamoslosme2 .content_image .image_girl, #desafiamoslosme2 .content_image .image_sombra {
		position: relative;
	}

	.slick-prev {
		left: 0;
	}
	.slick-next {
		right: 0;
	}
	.slide-in-content .title {
		margin-top: 40px;
		font-size: 60px;
	}
	.slide-in-content h4 {
		font-size: 36px;
	}
	.slide-in-content h3 {
		font-size: 60px;
	}
	.slide-in-content p {
		font-size: 12px;
	}
	.background_modal {
		display: none;
	}
	.slide-in .btn_close {
		width: 24px;
		height: 24px;
	}
	#desafiamoslosme2 .title {
		font-size: 36px;
	}
	.jovencool {
		display: none;
	}

}