/*dark css*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	/* brand */
	--color-ceiba: #302f09;
	--color-olive: #6B673A;
	--color-palma: #9F8B59;
	--color-cantere: #DABFAD;
	--color-jade: #BAC8BB;
	
	/* neutral */
	--color-black: #2D2D2D;
	--color-charcoal: #545454;
	--color-cream: #FCFBF9;
	--color-white: #FCFBF9;
	
	
	/* state */
	--color-info: #2F80ED;
	--color-success: #27AE60;
	--color-warning: #E2B93B;
	--color-warning: #EB5757;

    --gold-color: #B38E44;
    font-size: 12px;
}

*{

	font-family: 'Jost', sans-serif;
	font-family: 'Playfair Display', serif;

}

.appie-hero-thumb::before {
    background-color: transparent;
}

.appie-header-area {
    background: var(--color-palma);
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: 7.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
}

.main-btn {
    background-color: var(--gold-color);
    border-color: var(--gold-color);
    
}

.appie-hero-content > span {
    color: var(--gold-color);;
}

.appie-single-service {
    min-height: 300px;
}

.appie-project-area .appie-project-box {
    background-color: black;
}

.btn-primary,.traffic-btn a.main-btn,.footer-copyright .apps-download-btn ul li a {
    color: #fff;
    background-color: var(--gold-color);
    border-color: var(--gold-color);
}

.btn-primary:hover {
    color: #fff;
    background-color: black;
    border-color: black;
}

.appie-features-content span {
    color: var(--gold-color);
}


.main-btn:hover{
    background-color: #fff;
    color: var(--gold-color);;
    border-color: var(--gold-color);
}

.appie-header-area-dark .appie-header-main-menu ul > li > a:hover{
    color:var(--gold-color);
}

ul.aling-desktop{
    display: flex;
    justify-content: flex-end;
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}
.appie-hero-area-dark#encaLorena{
    height: 68rem;
    padding: 0;
    margin-top: 7.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(/static/images/lorena/bannerPrin.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.appie-hero-area-dark#encaLorena .appie-hero-content{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.appie-hero-area-dark#encaLorena .appie-hero-content .flxEnc{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.appie-hero-area-dark#encaLorena .appie-hero-content h1.appie-title{
    margin: 0;
    line-height: 1;
    font-size: 5rem;
	font-family: 'Playfair Display', serif;
    font-weight: 400;
    text-align: center;
}

.appie-hero-area-dark#encaLorena .appie-hero-content .contPrinc{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.appie-hero-area-dark#encaLorena .appie-hero-content .contPrinc p{
    text-align: center;
    margin-top:5rem ;
    margin-bottom:5rem ;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    font-size: 2rem;
    line-height: 1.2;
}

.appie-hero-area-dark#encaLorena .appie-hero-content .contPrinc .btnLorenaSecondary{
    border-radius: 7px;
    padding: 1rem 2rem 1rem 2rem;
    background: var(--color-white);
    border:2px solid var(--color-white);
    color: var(--color-ceiba);
    width: 16rem;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    text-align: center;
    font-size: 2rem;
}

.appie-hero-area-dark#encaLorena .appie-hero-content .contPrinc .btnLorenaSecondary#btnThk{
    width: 21rem;
}



.appie-hero-area-dark#encaLorena .appie-hero-content ul li a.item-2{
    border-color: var(--gold-color);
    background: #0f0f0f
}
.appie-hero-area-dark#encaLorena .appie-hero-content ul li a.item-2:hover{
    background: var(--gold-color);
    color: white;
}

.appie-hero-area-dark#encaLorena .appie-hero-content .contFormCol .titleHeaderForm{
    color:var(--color-black) ; 
    font-family: 'Playfair Display', serif;
    font-weight: 600;

}
.appie-hero-area-dark#encaLorena .appie-hero-content .contFormCol .infoHeaderForm{
    color:var(--color-black) ; 
    font-family: 'Jost', sans-serif;
    margin-top: 1rem;
    margin-bottom: 2rem;

}
.appie-hero-area-dark#encaLorena .appie-hero-content .contForm{
    background: var(--color-white) ;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    border-radius: 15px;
    padding-top: 2rem;
    box-shadow: 6px 10px 5px -1px rgba(0,0,0,0.55);
    -webkit-box-shadow: 6px 10px 5px -1px rgba(0,0,0,0.55);
    -moz-box-shadow: 6px 10px 5px -1px rgba(0,0,0,0.55);
} 

.appie-hero-area-dark#encaLorena .appie-hero-content .contForm #contact-form-header .rowInput {
    margin-bottom: 2rem;
}
.appie-hero-area-dark#encaLorena .appie-hero-content .contForm #contact-form-header input::placeholder {
    color: var(--color-ceiba);
    opacity: 1; /* Firefox */ 
}
.appie-hero-area-dark#encaLorena .appie-hero-content .contForm #contact-form-header label {
    font-size: 1.2rem;
    font-family: 'Jost', sans-serif;
    letter-spacing: 2px;
    color: var(--color-olive);
}
.appie-hero-area-dark#encaLorena .appie-hero-content .contForm #contact-form-header .form-control {
    height: 4rem;
    background: white;
    border: 5px;
    border-bottom: 1px solid var(--color-white);
    font-size: 1.5rem;
    font-family: 'Jost', sans-serif;
    color: var(--color-olive);
    padding-left: 1rem;
    letter-spacing: 2px;
    transition: .1s;
    border-color: red;
    border-radius: 20px;
    border-top: 2px solid var(--color-olive);
    border-bottom: 2px solid var(--color-olive);
    border-left: 2px solid var(--color-olive);
    border-right: 2px solid var(--color-olive);
}
.appie-hero-area-dark#encaLorena .appie-hero-content .contForm #button-form-header {
    background: var(--color-palma);
    margin: 0 auto;
    margin-top: 40px;
    display: block;
    color: white;
    width: max-content;
    margin-bottom: 40px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 7px;
    padding: 1rem 2rem 1rem 2rem;
    border: 2px solid var(--color-palma);
    color: var(--color-white);
    width: 16rem;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    text-align: center;
    font-size: 2rem;
    transition: .8s;
}
.appie-hero-area-dark#encaLorena .appie-hero-content .contForm #button-form-header:hover{
    background: white;
    color: var(--gold-color); 
    border-color:var(--gold-color); 
    transition: .8s;
}

/* LoreSan INi */
/* header ini */
.appie-logo-box img{
    height: 2.8rem;
    width: auto;
}
#logoLorenaHead svg{
    width: 37rem;
}

/* header fin */



/* section riveraMaya ini*/

section.riveraMaya#desktopRiveraMaya {
    display: block;
}
section.riveraMaya#mobileRiveraMaya {
    display: none;    
}
section.riveraMaya#desktopRiveraMaya{
    /* outline: 1px solid red; */
    margin-top: 10rem;
}
section.riveraMaya#desktopRiveraMaya .container#rowRivera{
    /* outline: 1px solid blue; */
    padding: 0;
}
section.riveraMaya#desktopRiveraMaya .container#textPrinRivera{
    margin-top: 4rem;
    margin-bottom: 4rem;
}
section.riveraMaya#desktopRiveraMaya .container#textPrinRivera p{
    font-family: 'Jost', sans-serif;
    font-size: 2rem;
    color: var(--color-charcoal);
    width: 80rem;
}
section.riveraMaya#desktopRiveraMaya .container h2.firstH2{
    font-size: 5rem;
    margin: 0;
    line-height: .8;
    text-align: left;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-charcoa);
}
section.riveraMaya#desktopRiveraMaya .container .row .contImgs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
section.riveraMaya#desktopRiveraMaya .container .row .contImgs .contImg{
    flex-basis: 30%;
    width: 30%;
    /* width: 33rem; */
    
    height: 70rem;
    position: relative;
}
section.riveraMaya#desktopRiveraMaya .container .row .contImgs .contImg .contText{
    padding-left: 3rem;
    position: absolute;
    bottom: -22rem;
    height: 36rem;
    transition: .5s;
}
section.riveraMaya#desktopRiveraMaya .container .row .contImgs .contImg:hover .contText{
    bottom: calc(50% - 17rem);
}

section.riveraMaya#desktopRiveraMaya .container .row .contImgs .contImg .contText p.num{
    color: var(--color-white);
    font-size: 4rem;
    font-family: 'Jost', sans-serif;
    font-weight: 100;
    line-height: 1;
    margin: 0;
    margin-bottom: 1rem;
    
}
section.riveraMaya#desktopRiveraMaya .container .row .contImgs .contImg .contText p.title{
    font-family: 'Playfair Display', serif;
    color: var(--color-white);
    font-size: 4rem;
    font-weight: 100;
    line-height: 1;
    margin: 0;
    margin-bottom: 6rem;
}
section.riveraMaya#desktopRiveraMaya .container .row .contImgs .contImg .contText p.info{
    font-family: 'Playfair Display', serif;
    color: var(--color-white);
    font-size: 1.7rem;
    font-weight: 100;
    line-height: 1.5;
    margin: 0;
    margin-bottom: 2rem;  
}
section.riveraMaya#desktopRiveraMaya .container .row .contImgs .contImg#pic1{
    background: url(/static/images/lorena/img01.jpg);
}
section.riveraMaya#desktopRiveraMaya .container .row .contImgs .contImg#pic2{
    background: url(/static/images/lorena/img02.jpg);
}
section.riveraMaya#desktopRiveraMaya .container .row .contImgs .contImg#pic3{
    background: url(/static/images/lorena/img03.jpg);
}
/* section riveraMaya fin*/




/* section 3 ini  */
section.section3{
    background: var(--color-white);
    padding-top: 4rem;
}
section.section3 .cotainer-fluid{
    position: relative;
}
section.section3 .cotainer-fluid .container#firstRow  {
    display: flex;
    justify-content: end;
    margin-bottom: 36rem;
}
section.section3 .cotainer-fluid .container .desktInfo {
    width: 45rem;
    /* outline: 1px solid red; */
}
section.section3 .cotainer-fluid .container .desktInfo  h2{
    font-size: 5rem;
    margin: 0;
    line-height: 1;
    text-align: right;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-charcoa);
}
section.section3 .cotainer-fluid .container .desktInfo  h2.firstH2{
    margin-top: 4rem;
}
section.section3 .cotainer-fluid .container .desktInfo  h2.lastH2{
    margin-bottom: 4rem;
    
}
section.section3 .cotainer-fluid .container .desktInfo  p{
    font-family: 'Jost', sans-serif;
    font-size: 1.5rem;
    margin-top: 1.5rem;
    text-align: right;
}
section.section3 .cotainer-fluid img#img1{
    position: absolute;
    top: 0;
}
section.section3 .cotainer-fluid img#img1Onlymobile {
    display: none;
}

section.section3 .cotainer-fluid .container#secondRow  {
    height: 55rem;
}
section.section3 .cotainer-fluid .container#secondRow .row {
    height: 100%;
}
section.section3 .cotainer-fluid .container#secondRow #aligcenterAll{
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
}
section.section3 .cotainer-fluid .container#secondRow #aligcenterAll h2{
    font-size: 5rem;
    margin: 0;
    line-height: 1;
    text-align: right;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-charcoa);
}
section.section3 .cotainer-fluid .container#secondRow #aligcenterAll .lastH2 {
    margin-bottom: 4rem;
}

section.section3 .cotainer-fluid .container#secondRow #aligcenterAll p{
    width: 35rem;
    font-family: 'Jost', sans-serif;
    font-size: 1.5rem;
}
section.section3 .cotainer-fluid .container .contBtns {
    display: flex;
    justify-content: center;
    margin-bottom: 12rem;
}
section.section3 .cotainer-fluid .container .contBtns .btn2 {
    border-radius: 7px;
    padding: 1rem 2rem 1rem 2rem;
    background: var(--color-olive);
    border: 2px solid var(--color-olive);
    color: var(--color-white);
    width: 16rem;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    text-align: center;
    font-size: 2rem;
}
section.section3 .cotainer-fluid .container .contBtns .btn1 {
    border-radius: 7px;
    padding: 1rem 2rem 1rem 2rem;
    background: var(--color-white);
    border: 2px solid var(--color-olive);
    color: var(--color-ceiba);
    width: 16rem;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    text-align: center;
    font-size: 2rem;
    margin-left: 1rem;
}

section.section3 .cotainer-fluid .container#threeRow  {
    margin-top: 6rem;
}

section.section3 .cotainer-fluid .container#threeRow #rowBullets{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
section.section3 .cotainer-fluid .container#threeRow #rowBullets .cont-bullet{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    flex-basis: 18%;
    
}
section.section3 .cotainer-fluid .container#threeRow #rowBullets .cont-bullet#prBull{
    padding-right: 2rem;
}
section.section3 .cotainer-fluid .container#threeRow #rowBullets .cont-bullet p{
    font-family: 'Jost', sans-serif;
    font-size: 1.5rem;
    color: var(--color-charcoal);
    margin-top: 1rem;
}

/* section 3 fin  */


/* section 4 ini  */
section.section4{
    background: var(--color-white);
    padding-top: 10rem;
}
section.section4 h2{
    font-size: 5rem;
    margin: 0;
    line-height: 1;
    text-align: left;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-charcoa);
}

section.section4 #banner{
    height: 30rem;
    background: url(/static/images/lorena/bannerSection4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10rem;
}
section.section4 .container #rowFlex{
    display: flex;
    justify-content: space-between;
    padding-top: 0rem;
    padding-bottom: 10rem;
}
section.section4 .container #rowFlex .cont1{
    flex-basis: 60%;
}
section.section4 .container #rowFlex .cont1 p {
    font-family: 'Jost', sans-serif;
    font-size: 1.5rem;
    color: var(--color-charcoal);
    margin-top: 1rem;
    width: 38rem;
}
section.section4 .container #rowFlex .cont2{
    flex-basis: 40%;
}
section.section4 .container #rowFlex .cont2 p {
    font-family: 'Jost', sans-serif;
    font-size: 1.5rem;
    color: var(--color-charcoal);
    margin-top: 1rem;
    width: 38rem;
}

/* section 4 fin  */

/* section 5 ini */
section.section5{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:var(--color-white);
    height: 30rem;
}
section.section5 .imgSec5{
    flex-basis: 20%;
    transition: .5s;
}
section.section5 .imgSec5:hover{
    flex-basis: 25%;

}
/* section 5 fin */


/* section 6 ini */
section.section6#thk{
    padding-top: 0rem;
}
section.section6{
    background: white;
    padding-top: 7.5rem;
}
section.section6 .container.form{
    background: var(--color-palma);
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
section.section6 .container.imageCont{
    height: 40rem;
    background: url(/static/images/lorena/contactLorena.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}
section.section6 .container.imageCont h2 {
    font-size: 5rem;
    margin: 0;
    line-height: 1;
    text-align: left;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-white);
    padding-left: 4rem;
    padding-top: 6rem;
}
section.section6 .container-fluid.info {
    background: var(--color-olive);
    padding-top: 2rem;
    padding-bottom: 2rem;
}
section.section6 .container-fluid.info .container {
    display: flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
section.section6 .container-fluid.info .container .info .prin{
    color: var(--color-white);
    font-family: 'Jost', sans-serif;
    font-weight: 600;
}
section.section6 .container-fluid.info .container .info .text{
    color: var(--color-white);
    font-family: 'Jost', sans-serif;
}
section.section6 .container #contact-form{
    width: 90%;
}
section.section6 .container #contact-form .input-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
section.section6 .container #contact-form label{
    font-size: 1.2rem;
    font-family: 'Jost', sans-serif;
    letter-spacing: 2px;
    color: var(--color-white);
}
section.section6 .container #contact-form label.error{
    position: absolute;
    bottom: -2.5rem;
    color: red;
}
section.section6 .container #contact-form #inputEmail label.error{
    left: 5rem;
}
section.section6 .container #contact-form #inputMessage label.error{
    left: 7rem;
}
section.section6 .container #contact-form .form-control{
    height: 4rem;
    background: #9f8b59;
    border: none;
    border-bottom: 1px solid var(--color-white);
    font-size: 1.5rem;
    font-family: 'Jost', sans-serif;
    color: var(--color-olive);
    padding-left: 1rem;
    letter-spacing: 2px;
    transition: .1s;
}
section.section6 .container #contact-form .form-control:focus {
    border-color: none;
    border-bottom: 2px solid var(--color-white);
    box-shadow: none;

}
section.section6 .container #contact-form #contBtnForm{
    display: flex;
    justify-content: center;
    align-items: end;
}
section.section6 .container #contact-form .btnLorenaSecondary{
    letter-spacing: 2px;
    border-radius: 7px;
    padding: 1rem 2rem 1rem 2rem;
    background: var(--color-white);
    border: 2px solid var(--color-white);
    color: var(--color-ceiba);
    width: 16rem;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    text-align: center;
    font-size: 2rem;
    margin: 0;
}
/* section 6 fin */

/* section footer ini */
section.footer{
    background: url('/static/images/lorena/fondoFooter.png');
}
section.footer .container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 3rem;
    padding-bottom: 3rem;
    height: 35rem;
}
section.footer .container #img3{
    margin-bottom: 2rem;
    width: 35rem;
}
section.footer .container #img4{
    margin-bottom: 2rem;
}
section.footer .container .contLogos{
    /* outline: 1px solid red; */
}
section.footer .container .contLogos svg{
    margin-left: 1rem;
    margin-right: 1rem;
}
section.footer .container .infoFinal{
    margin-top: 7rem;
}
section.footer .container .infoFinal p{
    font-family: 'Jost', sans-serif;
    color: var(--color-white);
    font-size: 1.1rem;
    font-weight: 400;
}
/* section footer fin */






/* secrion page2  propertyHead ini  */


section#propertyHead{
    background: var(--color-white);
    height: 68rem;
}
section#propertyHead .container-fluid{
    position: relative;
}
section#propertyHead #img1proMobile{
    display: none;
}

section#propertyHead .container-fluid #img1pro{
    position: absolute;
    top: 0;
    right: 0;
    width: 40rem;
}
section#propertyHead .container-fluid .container .desktInfoPro{
    width: 52rem;
    margin-top: 5rem;
}
section#propertyHead .container-fluid .container .desktInfoPro h2{
    font-size: 5rem;
    margin: 0;
    line-height: 1;
    text-align: left;
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    color: var(--color-charcoa);
}
section#propertyHead .container-fluid .container .desktInfoPro p{
    font-family: 'Jost', sans-serif;
    font-size: 2rem;
    margin-top: 1.5rem;
    text-align: left;
    line-height: 1.2;

}
section#propertyHead .container-fluid .container .desktInfoPro .contBtns{
    margin-top: 5rem;
}
section#propertyHead .container-fluid .container .desktInfoPro .contBtns .btn2{
    border-radius: 7px;
    padding: 1rem 2rem 1rem 2rem;
    background: var(--color-olive);
    border: 2px solid var(--color-olive);
    color: var(--color-white);
    width: 16rem;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    text-align: center;
    font-size: 2rem;
}
section#propertyHead .container-fluid .container .desktInfoPro .contBtns .btn1{
    border-radius: 7px;
    padding: 1rem 2rem 1rem 2rem;
    background: var(--color-white);
    border: 2px solid var(--color-olive);
    color: var(--color-ceiba);
    width: 16rem;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    text-align: center;
    font-size: 2rem;
    margin-left: 1rem;
}
/* secrion page2  propertyHead fin  */


/* section page2 descripProperty ini */

section.descripProperty{
    padding-top: 15rem;
    padding-bottom: 15rem;
}
section.descripProperty #contPropertyUnique{
    background: url(/static/images/lorena/tapiz03.png);
}
section.descripProperty #contPropertyTop{
    background: url(/static/images/lorena/tapiz02.png);
}
section.descripProperty #contPropertyPremium{
    background: url(/static/images/lorena/tapiz01.png);

}
section.descripProperty #contPropertyPremium,
section.descripProperty #contPropertyTop,
section.descripProperty #contPropertyUnique{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 25px;
    height: 56rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
section.descripProperty #contPropertyPremium .continfo,
section.descripProperty #contPropertyTop .continfo,
section.descripProperty #contPropertyUnique .continfo{
    display: flex;
    flex-direction: column;
    width: 80rem;
    align-items: center;
}
section.descripProperty #contPropertyPremium .continfo h4{
    font-size: 3.5rem;
    margin: 0;
    line-height: 1;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    color: var(--color-white);
    display: block;
    margin-bottom: 2rem;
    margin-top: 4rem;
    letter-spacing: 0.3em;
}
section.descripProperty #contPropertyTop .continfo h4,
section.descripProperty #contPropertyUnique .continfo h4{
    font-size: 3.5rem;
    margin: 0;
    line-height: 1;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    color: var(--color-black);
    display: block;
    margin-bottom: 2rem;
    margin-top: 4rem;
    letter-spacing: 0.3em;

}
section.descripProperty #contPropertyPremium .continfo p{
    font-size: 2rem;
    margin-top: 1rem;
    line-height: 1.5;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-white);
    display: block;   
}
section.descripProperty #contPropertyTop .continfo p,
section.descripProperty #contPropertyUnique .continfo p{
    font-size: 2rem;
    margin-top: 1rem;
    line-height: 1.5;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-black);
    display: block;   
}

/* section page2 descripProperty fin */

/* section page2 infoDescriptionProp ini*/

section.infoDescriptionProp{
    background: var(--color-white);
    padding-top: 5rem;
    padding-bottom: 5rem;
}
section.infoDescriptionProp #title{
    margin-bottom: 4rem;
}
section.infoDescriptionProp h2 {
    font-size: 5rem;
    margin: 0;
    line-height: 1;
    text-align: left;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-charcoa);
    display: block;
    
}
section.infoDescriptionProp p {
    font-family: 'Jost', sans-serif;
    font-size: 2rem;
    text-align: left;
}
/* section page2 infoDescriptionProp fin*/



/* section page2 galleryImgs ini */
section.galleryImgs{
    background: var(--color-white);
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: flex;
    justify-content: space-around;
    overflow: hidden;
}

section.galleryImgs img:not(:first-child) {
    margin-left: 1.5rem;
}
section.galleryImgs img{
    flex: 1;
}
/* section page2 galleryImgs fin */


/* section bulletsInfo ini */
section.bulletsInfo{
    background: var(--color-white);
}

section.bulletsInfo #rowBulletsProp {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
section.bulletsInfo #rowBulletsProp .cont-bullet {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    flex-basis: 16%;
}
section.bulletsInfo #rowBulletsProp .cont-bullet .cont-svg{
    width: 100%;
    height: 9rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

section.bulletsInfo #rowBulletsProp .cont-bullet#iconPr {
    padding-right: 3rem;
    
}
section.bulletsInfo #rowBulletsProp .cont-bullet#iconPr p:first-child{
    width: 13rem;
}
section.bulletsInfo #rowBulletsProp .cont-bullet p {
    font-family: 'Jost', sans-serif;
    font-size: 1.5rem;
    color: var(--color-charcoal);
    margin-top: 1rem;
}
/* section bulletsInfo fin */

/* section btnMiddle ini */
section.btnMiddle{
    
}
section.btnMiddle .contBtns{
    display: flex;
    justify-content: center;
    margin-top: 8rem;
}
section.btnMiddle .contBtns .btn2 {
    border-radius: 7px;
    padding: 1rem 2rem 1rem 2rem;
    background: var(--color-olive);
    border: 2px solid var(--color-olive);
    color: var(--color-white);
    width: 16rem;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    text-align: center;
    font-size: 2rem;
}

section.btnMiddle .contBtns .btn1 {
    border-radius: 7px;
    padding: 1rem 2rem 1rem 2rem;
    background: var(--color-white);
    border: 2px solid var(--color-olive);
    color: var(--color-ceiba);
    width: 16rem;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    text-align: center;
    font-size: 2rem;
    margin-left: 1rem;
}
/* section btnMiddle fin */



/* section propertyDesc ini */
section.propertyDesc {
    padding-top: 12rem;
    padding-bottom: 6rem;
    background: var(--color-white);
}
section.propertyDesc h2 {
    font-size: 5rem;
    margin: 0;
    line-height: 1;
    text-align: left;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-charcoa);
    width: 35rem;
}
section.propertyDesc p {
    font-family: 'Jost', sans-serif;
    font-size: 1.5rem;
    color: var(--color-charcoal);
    margin-top: 1rem;
}
section.propertyDesc .bullets {
    
}
section.propertyDesc .bullets .bull {
    display: flex;
    margin-left: 1rem;
}
section.propertyDesc .bullets .bull .left {
    padding-top: 1rem;
}
section.propertyDesc .bullets .bull .right p{
    font-family: 'Jost', sans-serif;
    font-size: 1.5rem;
    color: var(--color-charcoal);
    margin-top: 1rem;
    padding-left: .5rem;
}

/* section propertyDesc fin */



/* section page2 imgFloats ini */
section.imgFloats{
    background: var(--color-white);
    height: 75rem;
    margin-top: 10rem;
}
section.imgFloats #contImgFloats{
    position: relative;
    height: 100%;

}
section.imgFloats #contImgFloats #rightTop{
    position: absolute;
    right: 0;
    top: 0;
    width: 60rem;

}
section.imgFloats #contImgFloats #leftBottom{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45rem;
}
/* section page2 imgFloats fin */



/* section backArena ini */
section.backArena{
    background: url(/static/images/lorena/infoDescription.png);
    background-size: cover;
    background-position:center ;
    padding-top: 10rem;
    padding-bottom: 10rem;
}
section.backArena .alignInfo {
    display: flex;
    justify-content: center;
    align-items: center;
}
section.backArena .alignInfo #infoContainer {
    display: flex;
    justify-content: center;
    align-content: center;
}
section.backArena .alignInfo .info {
    width: 60rem;
}
section.backArena .alignInfo .info{
    width: 65%;
}
section.backArena .info h2{
    font-size: 5rem;
    margin: 0;
    line-height: 1;
    text-align: left;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-white);
    padding-bottom: 2rem;
}
section.backArena .info p {
    font-family: 'Jost', sans-serif;
    font-size: 1.5rem;
    margin-top: 1.5rem;
    text-align: left;
    color: var(--color-white);
    letter-spacing: .2rem;
}
/* section backArena fin */



/* section infoFachada ini */
section.infoFachada {
    margin-top: 5rem;
    background: var(--color-white);
    height: 60rem;
}
section.infoFachada .container-fluid#fachada {
    background: url(/static/images/lorena/picFachada.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}

/* section infoFachada fin */



/* section pageContactHeader ini */
section#pageContactHeader{
    padding-top: 12rem;
    padding-bottom: 4.5rem;

}
section#pageContactHeader .imagePageCont{
    height: 40rem;
    background: url(/static/images/lorena/contactLorena.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

section#pageContactHeader .imagePageCont h2 {
    font-size: 7rem;
    margin: 0;
    line-height: 1;
    text-align: left;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-white);
    padding-left: 4rem;
    padding-bottom: 4rem;
}

section#pageContactHeader .container.form{
    background: var(--color-palma);
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
section#pageContactHeader .container.form{
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 4rem;
}

section#pageContactHeader .container #contact-form .input-box {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

section#pageContactHeader .container #contact-form label{
    margin-top: 3em;
}


section#pageContactHeader .container #contact-form #contBtnForm {
    display: flex;
    justify-content: center;
    align-items: end;
    margin-top: 5rem;
}

section#pageContactHeader #contact-form{
    width: 90%;
}
section#pageContactHeader #contact-form .input-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
section#pageContactHeader #contact-form label{
    font-size: 1.2rem;
    font-family: 'Jost', sans-serif;
    letter-spacing: 2px;
    color: var(--color-white);
}
section#pageContactHeader #contact-form .form-control{
    height: 4rem;
    background: #9f8b59;
    border: none;
    border-bottom: 1px solid var(--color-white);
    font-size: 1.5rem;
    font-family: 'Jost', sans-serif;
    color: var(--color-olive);
    padding-left: 1rem;
    letter-spacing: 2px;
    transition: .1s;
}
section#pageContactHeader #contact-form .form-control:focus {
    border-color: none;
    border-bottom: 2px solid var(--color-white);
    box-shadow: none;

}
section#pageContactHeader #contact-form #contBtnForm{
    display: flex;
    justify-content: center;
    align-items: end;
}
section#pageContactHeader #contact-form .btnLorenaSecondary{
    letter-spacing: 2px;
    border-radius: 7px;
    padding: 1rem 2rem 1rem 2rem;
    background: var(--color-white);
    border: 2px solid var(--color-white);
    color: var(--color-ceiba);
    width: 16rem;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    text-align: center;
    font-size: 2rem;
    margin: 0;
}



/* section pageContactHeader fin */


/* sectionFaqs ini */

.sectionFaqs{
    margin-top: 6rem;
    margin-bottom: 10rem;
}
.sectionFaqs .alingCenter{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sectionFaqs .alingCenter h4{
    font-family: 'Jost', sans-serif;
    font-weight: 700;
    color: var(--color-black);
}
.sectionFaqs .alingCenter h2{
    font-size: 5rem;
    margin: 0;
    line-height: 1;
    text-align: left;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: var(--color-black);
    width: 40rem;
    text-align: center;
    margin-top: 1rem;
}

.sectionFaqs .rowFaqs {
    margin-top: 6rem;
}

.sectionFaqs .rowFaqs h4{
    font-family: 'Jost', sans-serif;
    line-height: 1;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 2.5rem;
    font-size: 1.9rem;
}
.sectionFaqs .rowFaqs p{
    font-family: 'Jost', sans-serif;
    line-height: 1;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 3rem;
}


/* sectionFaqs fin */



section.twoColumns{
    padding-top: 5rem;
    padding-bottom: 10rem;
    background: var(--color-white);
}
section.twoColumns #rowIdTwoColumns{
    display: flex;
    align-items: flex-end;
}

section.twoColumns p {
    font-family: 'Jost', sans-serif;
    font-size: 1.5rem;
    color: var(--color-charcoal);
    margin-top: 1rem;
}
section.twoColumns ul li {
    font-family: 'Jost', sans-serif;
    font-size: 1.5rem;
    color: var(--color-charcoal);
    line-height: 2;
}



    .btnLorenaPrimary{
        border-radius: 7px;
        padding: 1rem 2rem 1rem 2rem;
        background: var(--color-ceiba);
    border:2px solid var(--color-ceiba);
    color: var(--color-jade);
    line-height: 1;
    font-size: 1.2rem;
}




section#pics{
    background: var(--color-cream);
    padding-top: 8rem;
    padding-bottom: 8rem;
}
section#pics .info{
    margin: 0;
    margin-top: 5rem;
}



.flip-card {
    background-color: transparent;
    width: 506px;
    height: 860px;
    perspective: 1000px;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    background-color: #bbb;
    color: black;
  }
  
  .flip-card-back {
    background:url(/static/images/lorena/pic1.png);
    color: white;
    transform: rotateY(180deg);
    filter:brightness(.3);

  }

  section.section6 .contactMobile{
      display: none;
  }


/* LoreSan Fin*/





















.appie-hero-area{
    background: #141414;
}
.appie-service-area.appie-service-area-dark{
    background: #0F0F0F;
    background-image: url('/static/images/logoCircle.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 100%;
}

.appie-project-area.pb-100.pt-100{
    background: #141414;
}


section#contact .container-fluid{
    /* padding-left: 0;
    padding-right: 0; */
    background: black;
}
.appie-project-area .appie-project-box{
    border-radius: 0;
    background-image: url(/static/images/logoA.png);
    background-size: auto;
    background-position: 5%;
}

#button-formCard{
    margin: 0 auto;
    margin-top: 40px;
    display: block;
    color: white;
    width: max-content;
    margin-bottom: 40px;
    padding-left: 25px;
    padding-right: 25px;
}
#button-formCard:hover{
    background: white;
    color: var(--gold-color); 
    border-color:var(--gold-color); 
    transition: .8s;
}

#button-form{
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    width: 25%;
    padding: 10px;
}
#button-form:hover{
    background: white;
    color: var(--gold-color); 
    border-color:var(--gold-color); 
    transition: .8s;
}
.fa-arrow-right:before{
    color: var(--gold-color); 
}
.fa-arrow-left:before{
    color: var(--gold-color); 
}
.appie-project-content {
    padding-left: 80px;
    padding-right: 0px;
}

.appie-project-content .row .col-6.input-box input{     
    width: 100%;
    height: 50px;
    padding-left: 30px;
    border-radius: 6px;
    border: 0;
}
.appie-project-content .input-box input#formControlRange{     
    width: 100%;
    height: 50px;
    border: 0;
    padding-left: 0px;
    background: transparent;
}
.email-flex{
    display: flex;
    flex-direction: column;
}
#email-domiand{
    color: red;
    font-size: .8rem;
    display: none;
    margin-top: 0.4rem;
}
#symbolPrice{
    display: none;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
}
.div_rangePriceValue{
    display: flex;
}

input[type=range] {
    height: 25px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #B38E44;
    border-radius: 25px;
    border: 0px solid #000000;
  }
  input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 3px #000000;
    border: 1px solid #FFFFFF;
    height: 18px;
    width: 18px;
    border-radius: 22px;
    background: #B38E44;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7.5px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
    background: #B38E44;
  }
  input[type=range]::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #B38E44;
    border-radius: 25px;
    border: 0px solid #000000;
  }
  input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 3px #000000;
    border: 1px solid #FFFFFF;
    height: 18px;
    width: 18px;
    border-radius: 22px;
    background: #B38E44;
    cursor: pointer;
  }
  input[type=range]::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
  input[type=range]::-ms-fill-lower {
    background: #B38E44;
    border: 0px solid #000000;
    border-radius: 50px;
    box-shadow: 0px 0px 0px #000000;
  }
  input[type=range]::-ms-fill-upper {
    background: #B38E44;
    border: 0px solid #000000;
    border-radius: 50px;
    box-shadow: 0px 0px 0px #000000;
  }
  input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 3px #000000;
    border: 1px solid #FFFFFF;
    height: 18px;
    width: 18px;
    border-radius: 22px;
    background: #B38E44;
    cursor: pointer;
  }
  input[type=range]:focus::-ms-fill-lower {
    background: #B38E44;
  }
  input[type=range]:focus::-ms-fill-upper {
    background: #B38E44;
  }

.was-validated .row .col-6.input-box input.form-control:invalid {
    border-color: #dc3545;
    border-width: medium;
    border-style: solid;
}

.appie-project-area .appie-project-box{
    padding-left: 150px;
    padding-right: 5%;
}

.appie-features-tabs-btn .nav a.active i{
    background: var(--gold-color); 
}

.appie-features-tabs-btn .nav a.active{
    border-right-color: var(--gold-color);
    background: transparent;
    color:  var(--gold-color);
}

.appie-features-content .title::before{
    background: var(--gold-color);
}

.back-to-top a{
    background: var(--color-palma);
}

.appie-traffic-title span{
    color:var(--color-white);
}

.appie-traffic-service .icon i{
    background: linear-gradient(135deg, #84bcfa 0%, var(--gold-color) 100%);
}

.footer-widget-info ul li a i{
    color: var(--color-white);
}

.appie-features-area{
    background: #141414;
    padding-bottom: 4rem;
}

.appie-traffic-area{
    background: #141414;
}
.footer-about-widget .social ul li a:hover{
    background-color:var(--gold-color);;
}
.footer-about-widget .social ul li a:hover .fab{
    color: white;
}
.appie-dark{
    background: var(--color-white);
}
i.fa.fa-bars{
    color: var(--gold-color);
}
.fa-bars:before, .fa-navicon:before {
    content: "\f0c9";
    color: var(--color-white);
}
.rangePriceTitle{
    color: white ;
    font-weight: bold;
}
.toggle-btn {
    font-size: 45px;
}
.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before{
    color: var(--color-palma);
}
.canvas_close a:hover{
    background: var(--color-white);
    border-color: var(--color-white);
}
.rangePrice{
    color: white;
    font-size: 1.2rem;
}
@media screen and (max-width: 767px) {





    /* lorena ini */

    #logoLorenaHead svg {
        width: 20rem;
    }
    .appie-hero-area-dark#encaLorena{
        height: 110rem;
        padding: 0;
        margin-top: 7.6rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(/static/images/lorena/bannerPrin.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
    }
    
    .appie-hero-area-dark#encaLorena .appie-hero-content .contPrinc {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }   
    .appie-hero-area-dark#encaLorena .appie-hero-content .contForm{
        width: 100%;
        margin-top: 10rem;
    } 
    .appie-hero-area-dark#encaLorena .appie-hero-content .contForm #contact-form-header .rowInput .input-box {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .appie-hero-area-dark#encaLorena .appie-hero-content h1.appie-title {
        margin: 0;
        line-height: 1;
        font-size: 3rem;
        font-family: 'Playfair Display', serif;
        font-weight: 400;
        letter-spacing: 5px;
    }
    section#propertyHead{
        height: 100%;
    }

    .appie-hero-area-dark#encaLorena .appie-hero-content .contPrinc p {
        text-align: center;
        margin-top: 5rem;
        margin-bottom: 5rem;
        font-weight: 400;
        font-family: 'Jost', sans-serif;
        font-size: 1.7rem;
        line-height: 1.5;
    }

    section.section3 .cotainer-fluid .container#firstRow{
        display: flex;
        justify-content: start;
        margin-bottom: 26rem;
    }
    section.section3 .cotainer-fluid .container .desktInfo{
        width: 100%;
    }

    section.section3 .cotainer-fluid .container .desktInfo{
        display: flex;
        flex-direction: column;
        align-items: end;
    }

    section.section3 .cotainer-fluid .container .desktInfo p {
        font-family: 'Jost', sans-serif;
        font-size: 1.5rem;
        margin-top: 1.5rem;
        text-align: right;
    }

    section.section3 .cotainer-fluid img#img1 {
        position: absolute;
        top: 0;
        display: none;
    }
    section.section3 .cotainer-fluid img#img1Onlymobile {
        display: block;
        padding-right: 4rem;
        margin-top: 2rem;

    }

    section.section3 .cotainer-fluid .container#firstRow{
        margin-bottom: 5rem;

    }
    section.section3 .cotainer-fluid .container#secondRow  {
        height: 100%;
    }


    section.section3 .cotainer-fluid .container#secondRow #aligcenterAll {
        display: flex;
        justify-content: center;
        align-items: revert;
    }

    section.section3 .cotainer-fluid .container#secondRow #aligcenterAll p{
        text-align: right;
        width: 100%;
    }
    section.section3 .cotainer-fluid .container#threeRow{
        margin-top: 0rem;
    }
    section.section3 .cotainer-fluid .container#secondRow #aligcenterAll{
        margin-bottom: 4rem;
    }
    
    section.section3 .cotainer-fluid .container#secondRow #img2{
        padding-left: 4rem;
    }
    section.section3 .cotainer-fluid .container .contBtns{
        margin-top: 10rem;
        margin-bottom: 5rem;
    }

    section.section3 .cotainer-fluid .container#threeRow #rowBullets .cont-bullet {
        display: flex;
        align-items: self-start;
        justify-content: center;
        flex-direction: column;
        flex-basis: 40%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 5rem;
    }


    section.section4 .container #rowFlex .cont1 p{
        width: 100%;
    }
    section.section4 .container #rowFlex .cont2 p{
        
        width: 100%;
    }


    section.section4 #banner{
        height: 31rem;
        background: url(/static/images/lorena/bannerSection4.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        margin-top: 5rem;
        width: 90%;
    }

    section.section4{
        padding-top: 3rem;
    }
    section.section4 .container #rowFlex{
        flex-direction: column;
        padding-bottom: 0rem;

    }
    section.section4 .container #rowFlex .cont2{
        margin-top: 3rem;
    }



    section.section6 .container-fluid.info .container{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
    }
    section.section6 .container-fluid.info .container svg{
        margin-top: 3rem;
        margin-bottom: 4rem;
    }
    
    section.section6 .container-fluid.info .container .info{
        margin-bottom: 3rem;
    }

    section.section6 .container.form{
        height: 100%;
        padding-top: 2rem;
        padding-bottom: 4rem;
    }

    section.section6 .container #contact-form .input-box {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
    }

    section.section6 .container #contact-form label{
        margin-top: 3em;
    }
    section.section6 .container #contact-form label.error{
        position: absolute;
        bottom: -3rem;
        color: red;
        margin-top: 0em;
    }
    section.section6 .container #contact-form #inputEmail label.error{
        left: 1.3rem;
    }
    section.section6 .container #contact-form #inputMessage label.error{
        left: 1.3rem;
    }


    section.section6 .container #contact-form #contBtnForm {
        display: flex;
        justify-content: center;
        align-items: end;
        margin-top: 5rem;
    }
    section.section6 .container.imageCont h2{
        display: none;
    }
    section.section5{
        display: none;
    }

    section#propertyHead .container-fluid .container .desktInfoPro{
        width: 100%;
    }
    section#propertyHead .container-fluid .container .desktInfoPro .contBtns{
        display: flex;
    }

    section.descripProperty{
        padding-top: 5rem;
        padding-bottom: 5rem;
        margin-left: 5%;
        margin-right: 5%;
    }

    section.descripProperty #contPropertyTop .continfo p, section.descripProperty #contPropertyUnique .continfo p {
        font-size: 1.5rem;
        margin-top: 1rem;
        line-height: 1.5;
        text-align: center;
        font-family: 'Playfair Display', serif;
        font-weight: 400;
        color: var(--color-black);
        display: block;
    }

    section#propertyHead #img1proMobile{
        display: block;
        margin-left: 5%;
    }
    section#propertyHead .container-fluid #img1pro{
        display: none;
    }
    .appie-hero-area{
        padding-top: 7.6rem;
    }
    section#propertyHead .container-fluid .container .desktInfoPro h2{
        font-size: 4rem;
    }
    section.descripProperty #contPropertyTop .continfo h4, section.descripProperty #contPropertyUnique .continfo h4{
        font-size: 2.5rem;
    }
    section.descripProperty #contPropertyPremium .continfo h4{
        font-size: 2.5rem;
    }
    section.descripProperty #contPropertyPremium .continfo p{
        font-size: 1.5rem;
    }
    #contPropertyPremium .continfo p {
        font-size: 1.5rem;
    }

    section.infoDescriptionProp h2{
        font-size: 4rem;
    }

    section.infoDescriptionProp p{
        font-size: 1.5rem;
    }


    section.bulletsInfo #rowBulletsProp .cont-bullet{
        display: flex;
        align-items: self-start;
        justify-content: center;
        flex-direction: column;
        flex-basis: 40%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 5rem;
    }

    section.propertyDesc h2{
        width: 100%;
    }
    
    section.galleryImgs{
        overflow: scroll;
        justify-content: start;
    }
    section.galleryImgs img {
        flex: 1;
        margin-left: 2rem;
    }
    section.twoColumns p{
        width: 100%;
        line-height: 2;
    }
    section.bulletsInfo #rowBulletsProp .cont-bullet#iconPr{
        padding-right: 0;
    }
    section.propertyDesc{
        padding-top: 5rem;
    }
    section.propertyDesc h2{
        font-size: 4rem;
        margin-bottom: 3rem;
    }

    section.imgFloats {
        background: var(--color-white);
        height: 65rem;
        margin-top: 0rem;
    }

    section.imgFloats {
        background: var(--color-white);
        height: 75rem;
        margin-top: 0rem;
    }

    section.imgFloats #contImgFloats #leftBottom {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 80%;
    }

    section.backArena .info h2{
        font-size: 4rem;
    }

    section.infoFachada {
        margin-top: 5rem;
        background: var(--color-white);
        height: 40rem;
    }

    section.infoFachada .container-fluid#fachada{
        background: url(/static/images/lorena/picChair.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }


    section.twoColumns {
        padding-top: 5rem;
        padding-bottom: 5rem;
        background: var(--color-white);
    }

    section.section6 .contactMobile{
        display: block;
        margin-bottom: 3rem;
        margin-top: 3rem;
    }
    section.section6 .contactMobile h2{ 
        font-size: 5rem;
        margin: 0;
        line-height: 1;
        text-align: left;
        font-family: 'Playfair Display', serif;
        font-weight: 400;
        color: var(--color-charcoa);
    }
    section.section6 .contactMobile p{
        font-family: 'Jost', sans-serif;
        font-size: 1.5rem;
        color: var(--color-charcoal);
        margin-top: 2rem;
    } 
    section#pageContactHeader .imagePageCont{
        width: 90%;
    }
    section#pageContactHeader .container.form{
        width: 90%;
    }
    section#pageContactHeader .imagePageCont h2{
        font-size: 6rem;
        margin: 0;
        line-height: 1;
        text-align: left;
        font-family: 'Playfair Display', serif;
        font-weight: 400;
        color: var(--color-white);
        padding-left: 0rem;
        padding-bottom: 3rem;
    }
    .sectionFaqs{
        margin-bottom: 3rem;
    }
    .sectionFaqs .alingCenter h2{
        width: 100%;
        font-size: 5rem;
    }
    .sectionFaqs .alingCenter{
        margin-bottom: 6rem;
    }
    .sectionFaqs .rowFaqs{
        margin-top: 1rem;
    }
    .sectionFaqs .rowFaqs .col-12.col-md-6{
        margin-bottom: 3rem;
    }

    section.riveraMaya#desktopRiveraMaya {
        display: none;    
    }
    section.riveraMaya#mobileRiveraMaya {
        display: block;
        margin-top: 10rem;
    }
    section.riveraMaya#mobileRiveraMaya .container#textPrinRivera{
        margin-top: 4rem;
        margin-bottom: 4rem; 
    }

    section.riveraMaya#mobileRiveraMaya .container h2.firstH2 {
        font-size: 4rem;
        margin: 0;
        line-height: .8;
        text-align: left;
        font-family: 'Playfair Display', serif;
        font-weight: 400;
        color: var(--color-charcoa);
    } 
    section.riveraMaya .container#rowRivera{
        padding-right: 15px;
        padding-left: 15px;
    }
    
    section.riveraMaya#mobileRiveraMaya .container#textPrinRivera p {
        font-family: 'Jost', sans-serif;
        font-size: 2rem;
        color: var(--color-charcoal);
        width: 100%;
    }
    
    section.riveraMaya#mobileRiveraMaya .container .row .contImgs {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 120rem;
    }

    section.riveraMaya#mobileRiveraMaya .container .row .contImgs .contImg {
        flex-basis: 100%;
        width: 100%;
        height: 70rem;
        position: relative;
        margin-bottom: 3rem;
    }
    
    section.riveraMaya#mobileRiveraMaya .container .row .contImgs .contImg .contText p.num {
        font-family: 'Jost', sans-serif;
        font-weight: 100;
        line-height: 1;
        margin: 0;
        margin-bottom: 1rem;
        color: var(--color-white);
        font-size: 3rem;

    }    
    section.riveraMaya#mobileRiveraMaya .container .row .contImgs .contImg .contText p.title {
        font-family: 'Playfair Display', serif;
        color: var(--color-white);
        font-size: 3rem;
        font-weight: 100;
        line-height: 1;
        margin: 0;
        margin-bottom: 2rem;
    }

    section.riveraMaya#mobileRiveraMaya .container .row .contImgs .contImg .contText p.info {
        font-family: 'Playfair Display', serif;
        color: var(--color-white);
        font-size: 1.4rem;
        font-weight: 100;
        line-height: 1.5;
        margin: 0;
        margin-bottom: 2rem;
    }

    section.riveraMaya#mobileRiveraMaya .container .row .contImgs .contImg .contText {
        position: absolute;
        top: 0;
        height: 25rem;
        transition: .5s;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        padding-left: 0rem;
        width: 80%;
        background: rgb(0 0 0 / 59%);
        padding: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: baseline;

    }
    section.riveraMaya#mobileRiveraMaya .container .row .contImgs .contImg#pic1{
        background: url(/static/images/lorena/img01.jpg);
    }
    section.riveraMaya#mobileRiveraMaya .container .row .contImgs .contImg#pic2{
        background: url(/static/images/lorena/img02.jpg);
    }
    section.riveraMaya#mobileRiveraMaya .container .row .contImgs .contImg#pic3{
        background: url(/static/images/lorena/img03.jpg);
    }
    
    
    
    
    
    /* lorena fin */


    .appie-project-area .appie-project-box{
        padding-left: 5%;
        padding-right: 5%;
    }
    .appie-project-content .title{
        margin-bottom: 10px;
    }
    .appie-project-content{
        padding-left: 0px;
    }
    #button-form{
        margin-top: 30px;
        width: 35%;
    }
    .appie-project-content h3 p{
        margin-bottom: 20px;
    }
    .appie-features-content{
        padding-bottom: 30px;
    }
    .toggle-btn {
        font-size: 45px;
    }
    .offcanvas_menu_wrapper.active{
        overflow: scroll;
        overflow-x: hidden;
    }
    .appie-hero-content{
        border-right:none;
    }
    .offcanvas_main_menu li a:hover{
        color: var(--gold-color);
    }
    #info {
        display: flex;
        justify-content: center;
    }
    section.backArena .alignInfo .info{
        width: 100%;
    }
    section.twoColumns #rowIdTwoColumns .col-12.col-md-3{
        margin-bottom: 5rem;
    }
}

.canvas_close a{
    border: 1px solid var(--color-white);
    border-radius: 10px;
    background: var(--color-white);
}

.offcanvas-social ul li a{
    color:var(--color-white);
}
.offcanvas_menu_wrapper{
    background: var(--color-palma);
}
.offcanvas_menu{
    display: block;
}

.offcanvas_main_menu li a{
    color: var(--color-white);
    font-family: 'Jost', sans-serif;
    font-size: 1.4rem;
    line-height: 1.5;
}
.offcanvas_main_menu li a:hover{
    color: var(--color-cantere);
    
}
.appie-single-service.text-center.mt-30:hover p,
.appie-single-service.text-center.mt-30:hover h4{
    color: var(--color-white);
    transition: .8s; 
    font-family: 'Jost', sans-serif;
    line-height: 1.5;
}

.footer-widget-info ul li a{
    color: var(--color-white);
    font-family: 'Jost', sans-serif;
    font-size: 1.4rem;
    line-height: 1.5;;
}

.appie-single-service .icon#dron-icon{
    background-image: url('/static/images/dron-icon.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
.appie-single-service .icon#camera-icon{
    background-image: url('/static/images/camera-icon.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
.appie-traffic-area-dark .traffic-btn a.main-btn:hover{
    color: var(--gold-color);;
    transition: .8s;
}

.appie-single-service .icon#video-icon{
    background-image: url('/static/images/video-icon.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
.appie-single-service .icon#motion-icon{
    background-image: url('/static/images/motion-icon.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.appie-single-service.text-center.mt-30:hover .icon#dron-icon{
    background-image: url('/static/images/dron-icon-Hover.png');
    transition: .8s;
}
.appie-single-service.text-center.mt-30:hover .icon#camera-icon{
    background-image: url('/static/images/camera-icon-Hover.png');
    transition: .8s;
}
.appie-single-service.text-center.mt-30:hover .icon#video-icon{
    background-image: url('/static/images/video-icon-Hover.png');
    transition: .8s;
}
.appie-single-service.text-center.mt-30:hover .icon#motion-icon{
    background-image: url('/static/images/motion-icon-Hover.png');
    transition: .8s;
}
.appie-testimonial-area{
    background-image: url('/static/images/testimonial-bg-black.png');

}
#testimonial h3.title{
    font-size: 44px;
    line-height: 54px;
    color: white;
    margin-bottom: 20px;
}
.appie-footer-area-dark.appie-footer-area{
    background: #141414;
    padding-top: 0;
}

.footer-about-widget .social ul li {
    display: block;
}
.footer-about-widget .social ul li a{
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    background: none;
}
.footer-about-widget .social ul li a .fab {
    font-weight: 400;
    font-size: 36px;
    color: var(--gold-color);;
}
.footer-about-widget{
    padding-right: 0px;
    margin-top: 0px;
}
.footer-copyright{
    padding-top: 0px; 
    border-top: none;
}
.footer-navigation {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.footer-navigation#newComand{
    display: flex;
    flex-direction: column;
}
#info{
    display: flex;
}
.alingVertical{
    display: flex;
    justify-content: center;
    align-items: center;
}
p.text a{
    color: white;
    margin-bottom: 10px;
}
p.text a:hover{
    color: var(--gold-color);;
    margin-bottom: 10px;
    transition: .8s;
}

.appie-service-area.appie-service-area-dark.avisoPrivacy{
    margin-top:125px ;
    background: #111;
}
.avisoPrivacy .appie-section-title h3 {}

.avisoPrivacy .appie-section-title p {
    text-align: justify;
}
.avisoPrivacy .appie-section-title a {
    text-decoration: none;
    color: var(--gold-color);
}
.avisoPrivacy .appie-section-title a:hover {
    color:white
}
.avisoPrivacy .appie-section-title ul  {
    padding-left: 2rem;
    margin-top: 20px;
    margin-bottom: 20px;
}
.avisoPrivacy .appie-section-title ul li {
    color:white;
    margin-bottom: 1.5rem;
    
}
.avisoPrivacy .appie-section-title p.bold {
    font-weight: bold;
}

.offcanvas-social ul li a:hover{
    background:var(--color-cantere);
    border-color:var(--color-cantere);
}

.whatsapp {
    position:fixed;
    width:60px;
    height: 60px;
    bottom: 30px;
    right: 90px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
  }
  
  .whatsapp-icon {
    margin-top:13px;
  }

.whatsapp:hover{
    color:#FFF;
}