.wizard > .content > .body { position: relative; }

.bg-consulta-login { background-image: url(../img/bg-paper-blue-ta.png); height: 100%; display: table; width: 100%; } 

.logoImg {  width : 5em;  }

@media only screen and (min-width:992px) {  
    
    .promo-primary--shop {  min-height : 100px;  padding : 50px 0 50px 0;  }
    
    .promo--style-2-slider .align-container {  padding : 70px 0;  height : 500px;  }

 }

@media only screen and (min-width:1200px) {  
    
    .section {  padding : 30px 0;  }
    
    .benefits .bg-holder:before {  width : 0%;  }

 }

.promo--style-2 .slider-nav {  border-bottom : 11px solid rgba(2, 36, 35,.37);  background-color : rgba(0,0,0,.37);  }

.logo-block .logo span {  color : #fff;  font-weight : 500;  letter-spacing : -.05em;  font-size : 20px;  }

span.logo2 {  margin-left : 10px;  }

.logo-block .logo {  width : 400px;  }

.menu-block {  margin-left: -20px; margin-right: 20px; }

.menu-block + .block-right { margin-right: 20px; }

.button.button--transparent:before {  background-color : #FF8000;  color : #fff;  }

header#header {  z-index : 99;  }

.billing-form .input-label span, .billing-form .textarea-label span {  color : #333;  }

@media only screen and (min-width:340px) { 
    
    .logoImg {  width : 3em;  }
    
    .logo-block .logo {  width : 15em;  }
    
    .logo-block .logo span {  font-size : 13px;  }
    
    .hamburger-inner, .hamburger-inner:after, 
    .hamburger-inner:before {  width : 30px;  background-color : #fff;  }

 }

.primary-heading .subtitle span:last-of-type {  color : #da9500;  }

.counter--is-blue .counter {  color : #da9500;  }

.primary-heading .title {  color : #da9500;  }

.primary-heading .subtitle span {  color : #000000;  }

.primary-heading .subtitle {  color : #000000;  }

footer.footer {  background-color : #000000;  padding : 20px 0 30px 0;  }

footer.footer p, 
footer.footer a {  color : #fff;  }

@media only screen and (min-width:992px) {  
    
    footer.footer .footer-top {  padding-bottom : 0px;  }

 }

footer.footer .footer-menu .active a {  color : #da9500;  }

.slick-dots li button:hover,
.slick-dots li.slick-active button {  background-color : #da9500;  }

.primary-heading .title {  color : #000000;  }

.slick-dots li.slick-active {  border : 2px solid #da9500;  }

.cases-slider .slick-current .overlay {  background-color : rgba(13,115,252,.0);  }

.form.contact--form .input-label span,
.form.contact--form .textarea-label span {  color : #000000;  }

.billing-form .radio-block .input-radio:checked+.radio-mask {  background-color : #da9500;  }

/*==================== Click Top ====================*/

.scroll-top {  width : 60px;  height : 60px;  position : fixed;  bottom : 10px;  right : 5px;  z-index : 99;  text-align : center;  color : #fff;  font-size : 18px;  display : none;  cursor : pointer;  border-radius : 33px;  padding : 5px;  }

.scroll-top:after {  position : absolute;  z-index : -1;  content : '';  top : 100%;  left : 5%;  height : 10px;  width : 90%;  opacity : 1;  background : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);  }

.icon-whatsapp {  background : #00E676 !important;  color : white !important;  width : 50px;  margin : 10px;  height : 50px;  font-size : 40px;  display : block !important;  }

.whatsapp-right{right: 22px}
.whatsapp {  top : -11px;  position : relative;  font-size : 36px;  }
.whatsapp-contacto {   position : relative;  }
.whatsapp-link{   width: 100%; margin-bottom: 4px; }
 ul li:before {  content : none;  }

.billing-form .input-label .field--filled+span,
.billing-form .input-label .input:focus+span,
.billing-form .textarea-label .field--filled+span,
.billing-form .textarea-label .textarea:focus+span {  -webkit-transform : translateY(-25px);  -ms-transform : translateY(-25px);  transform : translateY(-10px);  font-size : 11px;  }

.wizard > .steps {  position : relative;  display : table;  width : 80%;  margin : auto;  }

.wizard.vertical > .steps {  display : inline;  float : left;  width : 30%;  }

.wizard > .steps .number {  font-size : 1.429em;  width : 30px;  height : 30px;  display : block;  background : #2184be;  border-radius : 50%;  text-align : center;  margin : auto;  color : #fff;  }

.wizard > .steps .disabled a .number,
.wizard > .steps .disabled a:hover .number,
.wizard > .steps .disabled a:active .number {  background : #a8a8a8;  }

.wizard.steps3 >  .steps > ul > li {  width : 33%;  }

.steps5 >  .steps > ul > li {  width : 20%;  }

.wizard > .steps > ul > li:before {  display : inline-block;  content : ' ';  width : 50%;  top : 28px;  left : -15px;  background-color : #a8a8a8;  height : 2px;  }

.wizard > .steps > ul > li:after {  display : inline-block;  content : ' ';  width : 50%;  top : 28px;  right : -15px;  position : absolute;  background-color : #a8a8a8;  height : 2px;  }

.wizard > .steps > ul > li.first:before {  display : none;  }

.wizard > .steps > ul > li.last:after {  display : none;  }

.wizard > .steps > ul > li.done:after {  background : #2184be;  }

.wizard > .steps > ul > li.current:before {  background : #2184be;  }

 .wizard > .steps > ul > li.done:before {  background : #2184be;  }

.wizard.vertical > .steps > ul > li {  float : none;  width : 100%;  }

.wizard > .steps a,.wizard > .steps a:hover,
.wizard > .steps a:active {  display : block;  width : auto;  margin : 0 0.5em 0.5em;  padding : 1em 1em;  text-decoration : none;  -webkit-border-radius : 5px;  -moz-border-radius : 5px;  border-radius : 5px;  text-align : center;  }

.wizard > .steps .disabled a,.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {  background : none;  color : #aaa;  cursor : default;  }

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {  background : none;  color : #2184be;  cursor : default;  outline : none;  }

.wizard > .steps .done a,.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {  background : none;  color : #2184be;  }

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {  background : none;  color : #ff6c00;  }

.wizard > .steps > ul > li.error .number {  background : #ff6c00;  }

.wizard > .steps > ul > li:nth-child(1) .number {  font-size : 0px;  }

.wizard > .steps > ul > li:nth-child(1) .number:before {  content : "1";  display : block;  font-size : 14px;  color : #fff;  }

.wizard > .steps > ul > li:nth-child(2) .number {  font-size : 0px;  }

.wizard > .steps > ul > li:nth-child(2) .number:before {  content : "2";  display : block;  font-size : 14px;  color : #fff;  }

.wizard > .steps > ul > li:nth-child(3) .number {  font-size : 0px;  }

.wizard > .steps > ul > li:nth-child(3) .number:before {  content : "3";  display : block;  font-size : 14px;  color : #fff;  }

.wizard > .steps > ul > li:nth-child(4) .number {  font-size : 0px;  }

.wizard > .steps > ul > li:nth-child(4) .number:before {  content : "4";  display : block;  font-size : 14px;  color : #fff;  }

.wizard > .steps > ul > li:nth-child(5) .number {  font-size : 0px;  }

.wizard > .steps > ul > li:nth-child(5) .number:before {  content : "5";  display : block;  font-size : 14px;  color : #fff;  }

.wizard > .steps > ul {  width : 100%;  display : block;  }

.wizard > .steps > ul > li {  width : 33%;  font-size : 14px!important;  line-height : 20px!important;  }

.wizard > .steps > ul > li .number {  line-height : 30px;  margin-bottom : 6px;  }

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

    .wizard > .steps > ul {  width : 100%;  display : block;  }

    .wizard > .steps > ul > li {  width : 33%;  font-size : 12px!important;  line-height : 20px!important;  }

    .wizard > .steps > ul > li .number {  line-height : 30px;  margin-bottom : 6px;  }

 }

/* Formualrio registro */

.form--primary .input-label {  padding : 0;  margin-bottom : 33px;  }

.form--primary .input-label .form-field {  padding : 8px 0;  margin-bottom : 0px;  }

.form--primary .input-label .form-field + span, 
.form--primary .input-label .form-field:focus + span {  top : 8px;  transform : translateY(-26px);  font-size : 12px;  }

.form--primary .input-label .form-field {  border : 1px solid #ccc;  padding : 8px;  border-radius : 4px;  position : relative;  }

.form--primary .input-label label.error {  color : #8a1f11;  display : inline-block;  margin-left : 0;  font-size : 11px;  position : absolute;  right : 0;  top : -17px;  }

.form--primary .radio-block .error {  font-size : 12px;  }

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

.paso1-propietario { margin-top: 0px!important }

}

/* Modal número docuemnto */

.linkModalNumber {display: inline-block; font-size: 12px; position: absolute; top: -19px; left: 115px;}

.modaldocnumber { display: none; width: 320px !important; height: 450px; border-radius: 4px; margin: 24px 0; overflow-y: auto; pointer-events: auto; transition: .3s cubic-bezier(.25,.8,.25,1); width: 100%; z-index: 999; box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);position: absolute;left: calc(50% - 160px);top: calc(50% - 200px);background: #fff;padding: 10px;}

.modaldocnumber img { width: 300px; }

.modaldocnumber p { margin-bottom: 0!important; font-size: 12px; line-height: 14px; }

.modaldocnumber h5 { font-size: 16px; display: block;  width: 100%;text-align: center;}

.modaldocnumber a { display: block; width: 100%; text-align: right;padding-bottom: 11px;}

.ShowModal {  display: block !important;}

/* Estilos para UploadFile */

.js { width: 100%;   }

.js .box { width: 100%; max-width: 250px; text-align: center;margin: auto;}

.js .box label span { font-size: 12px; }

.js .inputfile { width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1; }

.inputfile + label { max-width:80%;font-size:1.25rem; font-weight:700;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;padding:0.625rem 1.25rem;}

.no-js .inputfile + label { display:none; }

.inputfile:focus + label, .inputfile.has-focus + label { outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px; }

.inputfile + label svg { width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-0.25em;margin-right:0.25em; }

/* style 1 */
.inputfile-1 + label { color:#0b244d;background-color:#ffffff; display: block !important;border: 2px solid #0b244d;max-width: 100%;margin: auto;}

.inputfile-1:focus + label,.inputfile-1.has-focus + label,.inputfile-1 + label:hover { background-color:#0b244d; color: #ffffff;}

/* style 2 */
.inputfile-2 + label { color:#d3394c;border:2px solid currentColor; }

.inputfile-2:focus + label,.inputfile-2.has-focus + label,.inputfile-2 + label:hover { color:#722040; }

/* style 3 */
.inputfile-3 + label { color:#d3394c; }

.inputfile-3:focus + label,.inputfile-3.has-focus + label,.inputfile-3 + label:hover { color:#722040; }

/* style 4 */
.inputfile-4 + label { color:#d3394c; }

.inputfile-4:focus + label,.inputfile-4.has-focus + label,.inputfile-4 + label:hover { color:#722040; }

.inputfile-4 + label figure { width:100px;height:100px;border-radius:50%;background-color:#d3394c;display:block;padding:20px;margin:0 auto 10px; }

.inputfile-4:focus + label figure,.inputfile-4.has-focus + label figure,.inputfile-4 + label:hover figure { background-color:#722040; }

.inputfile-4 + label svg { width:100%;height:100%;fill:#f1e5e6; }

/* style 5 */
.inputfile-5 + label { color:#d3394c; }

.inputfile-5:focus + label,.inputfile-5.has-focus + label,.inputfile-5 + label:hover { color:#722040; }

.inputfile-5 + label figure { width:100px;height:135px;background-color:#d3394c;display:block;position:relative;padding:30px;margin:0 auto 10px; }

.inputfile-5:focus + label figure,.inputfile-5.has-focus + label figure,.inputfile-5 + label:hover figure { background-color:#722040; }

.inputfile-5 + label figure::before,.inputfile-5 + label figure::after { width:0;height:0;content:'';position:absolute;top:0;right:0; }

.inputfile-5 + label figure::before { border-top:20px solid #dfc8ca;border-left:20px solid transparent; }

.inputfile-5 + label figure::after { border-bottom:20px solid #722040;border-right:20px solid transparent; }

.inputfile-5:focus + label figure::after,.inputfile-5.has-focus + label figure::after,.inputfile-5 + label:hover figure::after { border-bottom-color:#d3394c; }

.inputfile-5 + label svg { width:100%;height:100%;fill:#f1e5e6; }

/* style 6 */
.inputfile-6 + label { color:#d3394c; }

.inputfile-6 + label { border:1px solid #d3394c;background-color:#f1e5e6;padding:0; }

.inputfile-6:focus + label,.inputfile-6.has-focus + label,.inputfile-6 + label:hover { border-color:#722040; }

.inputfile-6 + label span,.inputfile-6 + label strong { padding:0.625rem 1.25rem;}

.inputfile-6 + label span { width:200px;min-height:2em;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top; }

.inputfile-6 + label strong { height:100%;color:#f1e5e6;background-color:#d3394c;display:inline-block; }

.inputfile-6:focus + label strong,.inputfile-6.has-focus + label strong,.inputfile-6 + label:hover strong { background-color:#722040; }

@media screen and (max-width:50em) {
    
    .inputfile-6 + label strong { display:block; }

 }

.grupo-fachadas h6 { text-align: center;}

.fachadas { margin-bottom: 30px; }

.fachadas .icon-item { margin: 0 0 20px 0;  text-align: center; }

.img-sample { font-size: 12px;margin-top: 6px;display: block;color: #595959;text-decoration: underline; }

.img-sample:hover { color:#0275d8 ; }

.ImgSample { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0, 0.5); z-index: 100; display: none; }

.ImgSample .contImgSample { position: absolute; top: calc(50% - 200px); left: calc(50% - 300px); width: 100%; max-width: 600px; height: auto%; background: #fff; padding: 20px;}

.ImgSample .contImgSample h3 { font-size: 22px; }

.ImgSample .contImgSample p { line-height: 18px; font-size: 15px; }

.ImgSample .contImgSample img { width: 100%;    display: block;position: relative;}

.ImgSample .contImgSample .closeModal { position: relative; float: right; top: -13px;right: -5px;font-size: 17px;}

@media screen and (max-width: 599px) { 
    
    .ImgSample .contImgSample { top: 50px; left: 10px; width: 100%; max-width:calc(100% - 20px); }

}

.video-custom { position: absolute !important; }

.promo--style-2 .video-block .overlay { background-color: rgba(13,115,252,.1); }

.term-cont { max-height: 300px; overflow-x: auto; }

.accordion-item .title-block .title { font-size: 20px!important; color: #000000; }

.accordion-item .title { font-size: 16px!important; color: #000000; }

.accordion-item h4 { font-size: 15px; }

.accordion-item h3.title { font-size: 14px; }

.accordion-item .title-block .icon { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.accordion-item .title-block .icon.active { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

main.main + .icon-whatsapp { margin-left: 20px; }

main.main + .icon-whatsapp + .icon-whatsapp { margin-right: 20px; }
 
main.main + .icon-whatsapp:before { content:'Escribenos '; display: block;  font-size: 14px;  position: absolute;top: -28px; text-align: center; background: rgba(0,0,0, 0.5); padding: 0 4px; left:-8px }

main.main + .icon-whatsapp + .icon-whatsapp:before {content:'Valdivia '; display: block;  font-size: 14px;  position: absolute; top: -28px; text-align: center; background: rgba(0,0,0, 0.5); padding: 0 4px; left: -2px}

.logo-constructora { max-width: 80%; margin: 30px auto 0; }

.cod-tel label:before  { content:'+569'; display: block; background: #ddd; width: 60px; height: 38px; position: absolute; top: 0;  left:0px;border-radius: 2px;text-align: center;padding-top: 8px;}
.cod-tel label input { padding-left: 70px!important; }
.cod-tel2 { position: relative;  }
.cod-tel2:before  { content:'+569'; display: block; background: #ddd; width: 60px; height: 38px; position: absolute; bottom: 12px;  left: 12px;border-radius: 2px;text-align: center;padding-top: 8px;}
.cod-tel2 input { padding-left: 70px; }
.alert.alert-danger ul li {color: #fff !important;}

.modal-inscripcion{margin: 10px 10px 10px 10px; width: 90%}


.text-center {
  text-align: center;
  margin-bottom: 1em;
}

.lightbox-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.lightbox-gallery div > a> img {
  max-width: 100%;
  display: block;
}

.lightbox-gallery div {
  margin: 10px;
  flex-basis: 340px;
}

@media only screen and (max-width: 480px) {
  .lightbox-gallery {
    flex-direction: column;
    align-items: center;
  }

  .lightbox > div {
    margin-bottom: 10px;
  }
}

/*Lighbox CSS*/

.lightbox {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  padding-top: 30px;
  box-sizing: border-box;
}

.lightbox img {
  display: block;
  margin: auto;
}

.lightbox .caption {
  margin: 15px auto;
  width: 50%;
  text-align: center;
  font-size: 1em;
  line-height: 1.5;
  font-weight: 700;
  color: #eee;
}

.github-link {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}

.github-link:hover,
.github-link:active,
.github-link:visited {
  color: #fff;
  text-decoration: none;
}



.filtro-bn{
  filter: grayscale(100%);
}

.icon-preinscripcion {  background : #da9500 !important;  color : white !important;  width : 50px;  margin : 10px;  height : 50px;  font-size : 40px;  display : block !important;  }

.preinscripcion-left{left: 2px}
.preinscripcion {  top : -11px;  position : relative;  font-size : 36px;  }
.preinscripcion-contacto {   position : relative;  }
.preinscripcion-link{   width: 100%; margin-bottom: 4px; }

.icon-preinscripcion { margin-left: 20px; }

.icon-preinscripcion + .icon-preinscripcion { margin-right: 20px; }
 
.icon-preinscripcion:before { content:'Preinscripción '; display: block;  font-size: 14px;  position: absolute;top: -28px; text-align: center; background: rgba(0,0,0, 0.5); padding: 0 4px; left:-8px }

.icon-preinscripcion + .icon-preinscripcion:before {content:'Preinscripción '; display: block;  font-size: 14px;  position: absolute; top: -28px; text-align: center; background: rgba(0,0,0, 0.5); padding: 0 4px; left: -2px}

.pointer-events-none {
  pointer-events: none;
}