/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}


/*****MOBILE
************************************************************/
@media (max-width: 690px) {
  
  
   

:root {  
  
  /** sizes ***/
  	--smallsize: 11px;
	--basesize: 15px;

  /** weights ***/
  --extralight: 300; 
  --light: 300; 
  --medium: 500; 
  --semibold: 500;
  
  /** paddings ***/
  --sidesmallpadding: 20px;
  --sidepadding:20px;
  --sideextrapadding: 20px;
  --verticalsmallpadding: 30px;
  --verticalpadding: 60px;
  --verticalextrapadding : 60px;
  

}
  
  
  
body {
  line-height: 1.4em !important;
}  
  


.secondaryfont, .projecticons .iconblock p {
   font-weight: normal !important;
    -webkit-text-stroke: 0.01em !important;
    text-stroke: 0.01em !important;
    letter-spacing: 0.05em !important;
}


.secondaryfont.mediumsize, .quote {
  letter-spacing: 0.02em !important;
  line-height: 140% !important;
}
  
  
.mobileonly {
  display: block !important;
}
.desktoponly {
  display: none !important;
}
 

/*** for project presentation first block ***/
  #theproject.startsection {
  padding-top: 80px !important;
}

#typologies {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
  #sales {
  padding-bottom: 0 !important;
}
  
 /*
------------------------------------------------------------------------------------------------------
:::::::: GENERAL
------------------------------------------------------------------------------------------------------
*/ 

.nopaddingbottomonmobile {
  padding-bottom:0 !important;
}
  
.row.invertonmobile {
  flex-direction: column-reverse;
}  
  
#cursor {
  display: none !important;
}  
  
  
.noleftpaddingonmobile {
    padding-left:0 !important;
}
.norightpaddingonmobile {
    padding-right:0 !important;
} 
.notoppaddingonmobile {
    padding-top:0 !important;
}    
 .nobottompaddingonmobile {
    padding-bottom:0 !important;
}   
  
  
  
.legenda {
  margin-top: 10px;

}
  
.lineseparator {
  margin-bottom: 30px;
}  
  
  
.topmenublock a .follow-img {
  display: none !important;
}
  
  
  /*
------------------------------------------------------------------------------------------------------
:::::::: BOTS AND LINKS
------------------------------------------------------------------------------------------------------
*/    
  
 .bot {
  border-radius: 0px;
  padding: 15px 30px !important;
  font-size: 10px !important;
 
} 
  
.knowmore i {
  width: 40px !important;
  height: 40px !important;
}
  



  
  
  /*
------------------------------------------------------------------------------------------------------
:::::::: LOGOS IN ROW - eg. partners
------------------------------------------------------------------------------------------------------
*/  
  

 .logorow.featuredin .logowrapper {
    width: 100% !important;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    margin-bottom: 10px;
    align-items: center;
    padding: 10px;
    height: 48px;
    max-width: 100% !important;
    min-width: 100px;
  }
  
/** for featured in logos ***/
  /*.logorow.featuredin .logowrapper {
    width: 25%;
    height: 55px;
    padding: 10px;
  }*/


  .logorow .logowrapper {
    width: 100% !important;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    margin-bottom: 10px;
    align-items: center;
    padding: 10px;
    height: 60px;
    max-width: 100% !important;
    min-width: 100px;
  }



  
  /*
------------------------------------------------------------------------------------------------------
:::::::: heights
------------------------------------------------------------------------------------------------------
*/  
  
.imagewrapper.fullheight, .imagewrapper.twothirdsheight {
 max-height: 400px !important;
    min-height: 400px;
}  
  
  
  
#homecarousel .fullheight90 {
  height: 60vh !important;
}  
.projectbanner .imagewrapper.fullheight {
  height: 100svh !important;
  max-width: 100svh !important;
  min-height: 100svh !important;
}
    
  /*
------------------------------------------------------------------------------------------------------
:::::::: TEXTS AND TITLES
------------------------------------------------------------------------------------------------------
*/ 
.sectiontitle {
  font-size: 11px !important;
}  
  .uppertitle {
  font-size: 11px !important;
}  
.basesize.uppercase {
  font-size: 11px !important;
}  
  
  
  
/*
------------------------------------------------------------------------------------------------------
:::::::: HEAD
------------------------------------------------------------------------------------------------------
*/
  
  
#head, div#head.active::after, div#head::after {
  height: 70px !important;
}  
  
#head::after {
  top: -70px !important;
}  
  
#head.active::after {
  top: 0px !important;
}  
  
  .brandlogo {
    height: 70px !important;
    max-width: 100px !important;
    margin-top: 2px;
  }

  .topmenunav {
    margin-top: 85px !important;
    display: block !important;
  }
  
.brandlogo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
  
  
  
#head .headnav .openmenu p {
  display: none !important;
}  
  
/** open version ***/  
  /**
  #head .headnav .openmenu .burguericon {
    height: 15px !important;
    width: 30px !important;
    margin-left: 20px;
    margin-top: 0px !important;
  }
  **/
  
  
/** square version ***/
  
#head .headnav .openmenu {
 /* padding: 10px;*/
  height: 40px;
  width: 40px;
  border: 1px solid #000;
  display: flex;
  align-content: center;
  justify-content: center;
}  
  
#head .headnav .openmenu .burguericon {
    height: 10px !important;
    width: 20px !important;
    margin-left: 0px;
    margin-top: 0px !important;
}  
 
  
#head .headnav .openmenu .burguericon span {
  width: 100%;
  height: 2px;
  display: block;
  background-color: #000;
}  
  
#head .headright {
  display: none !important;
}  
  
  
  
/*** image menu ***/
  .topmenuimage {
    display:none !important;
   
}
  
  
  
  
/*
------------------------------------------------------------------------------------------------------
:::::::: FOOTER
------------------------------------------------------------------------------------------------------
*/  

  
.footercontent {
  display: flex;
  font-size: var(--smallsize);
  flex-direction: column;
}
  .footerlinks {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
    font-size: 13px;
  padding-right: 0;
}

  .footerlinksblock {
    margin-right: 0;
    width: 50%;
    margin-bottom: 30px;
    text-align: left;
  }
  
  .footerlinksblock h3 {
    font-size: 9px !important;
    margin-bottom: 5px !important;
  }
  
  .zed {
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.1em;
  position: absolute;
  right: 20px;
    margin-bottom: 2px;
}

  .underfooter {
  margin-bottom: 30px !important;
}
  
  
  /*** new version ***/
  
#footer #newfooterlinks .footerlinks {
  padding-left: 0 !important;
}  
  
  #footer #newfooterlinks h2 {
    letter-spacing: 6vw !important;
    text-align: center;
    margin-left: 6vw;
    margin-bottom: 18px !important;
  }
#footer #newfooterlinks .footerlinksblock {
  padding-right: 0;
  width: 100%;
  text-align: center;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
  
  
  
  
  
  
  
 /*
------------------------------------------------------------------------------------------------------
:::::::: IMAGES AND BANNERS
------------------------------------------------------------------------------------------------------
*/  
  

  
  
 

  
  
    /*
------------------------------------------------------------------------------------------------------
:::::::: ENGAGE BOX
------------------------------------------------------------------------------------------------------
*/  
  

  
  .topNavBox .eb-dialog .eb-close.placement-inside {
    padding: 10px !important;
    height: 40px !important;
    width: 40px !important;
    top: 15px !important;
  }  
  

  
 /** side cta **/ 
  
#dialog1.eb-dialog {
  backdrop-filter: blur(20px);
  background-color: rgba(255,255,255,0.8);
  padding: 30px 20px !important;
  max-width: 250px;
}  
  
  /** project navigation floating button ***/

.eb-3.eb-floating-button div {
  width: 50px !important;
  height: 50px !important;
  margin-right: 5px !important;
  margin-bottom: 70px !important;
}  
/** take out navigation ***/
/*  #dialog3 {
  display: none !important;
}*/
    
  
  

  
  
/**
-------------------------------------------------------------------------
::::::::  TEAM
-------------------------------------------------------------------------
**/

.team .col-md-6 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}  
  
  
/*
------------------------------------------------------------------------------------------------------
:::::::: PROJECT PAGE
------------------------------------------------------------------------------------------------------
*/   


  #topprojectbanner .projectlogo {
  padding-bottom: 30px !important;
}
  #topprojectbanner .projectlogo img {
  width: 220px;
}
  
  #projectNav .anchorlink {
    font-size: 14px;
    margin-bottom: 10px;
  }  
  
.projectID p span {
  font-weight: var(--regular);
}  
  
.projectID {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 0px;
  box-shadow: 0 -0.5px 0 #777 !important;
  padding-top: 30px;
}  
  

  
.projecticons .iconblock {
  padding: 0 15px;
  width: 100%;
  text-align: center;
}  
  
  
/*** typologies ***/
/*
.typologiesWrapper .item .title {
  margin-bottom: 10px !important;
  font-weight: normal !important;
  -webkit-text-stroke: 0.02em !important;
  text-stroke: 0.02em !important;
  letter-spacing: 0.05em !important;
  font-size: var(--mediumsize) !important;  
}
  
.typologiesWrapper .item {
  background-color: #fff;
  padding: 35px 25px;
}
  */
  
  
/*** mapa iframe ***/
  .googleMap {
		max-height: 450px !important;
		width: 100% !important;
	}
  
  
  
    
/*
------------------------------------------------------------------------------------------------------
:::::::: CONVERT FORMS
------------------------------------------------------------------------------------------------------
*/   
   
  
  
.convertforms ::placeholder {
  font-weight: 200 !important;
}  
  
  
  
  
  
  
/*
------------------------------------------------------------------------------------------------------
:::::::: GRID AND SCROLLERS
--------------------------------------------------------
*/    
  
 .grid .item{
  width: 100% !important;
  margin-bottom: 1px !important;
} 
  
  .scrolleronmobile {
  display: flex;
  flex-wrap: nowrap;
  overflow: scroll !important;
  flex-direction: row;
}
  .scrolleronmobile .item {
  width: 80vw !important;
  min-width: 80vw;
  margin-right: 10px;
}
  
  
  
  /*********** SCROLLER PROJECTS **************/
  
  .scroller.projects .item {
  width: 70vw !important;
  min-width: 70vw;
  margin-right: 20px;
}
  
  .scroller.projects .imagewrapper {
  max-height: 400px;
    min-height: 400px;
}
  .ScrollerNavigation {
  display: none;
}
  .projectScrollerTop {
  padding-bottom:3px !important;
}
  
  
  
  
 /*
------------------------------------------------------------------------------------------------------
:::::::: IGNITE GALLERY
--------------------------------------------------------
*/    
   
  
/*** light box ***/
  
.igui-lightbox-items li {
  padding: 0px !important;
}  
  
.ig-lightbox-button-right, .ig-lightbox-button-left {
  display: none;
}  
  
  
 /*
------------------------------------------------------------------------------------------------------
:::::::: ENGAGE BOX
--------------------------------------------------------
*/      
  
body .fullScreenBox .eb-close.placement-outside {
    width: auto;
    height: 50px !important;
    padding: 0;
    right: 2vw;
    top: 0px;
    transform: rotate(45deg);
}

body .fullScreenBox .eb-content {
    padding: 50px 0px !important;
}
  
  
  
   /*
------------------------------------------------------------------------------------------------------
:::::::: TABLE
--------------------------------------------------------
*/   
  
  
.loadtable {
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: scroll;
  padding-top: 20px !important;
}  
  
.tablecaption {
  
  color: #fff;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}  
  
  
  
.mytable {
  width: 100%;
  table-layout: fixed;
  min-width: 740px;
  overflow: scroll;
}  
  
/*** alterar medidas das colunas ****/
  


.tituloFracao {
  width: 60px;
}
	
.tituloTipologia {
  width: 100px;
}  

.tituloInteriorArea {
  width: 110px;
}
.tituloExteriorArea {
  width: 110px;
}

.tituloPrice {
  width: 75px !important;
}


.tituloPiso {
  width: 80px;
}

.tituloPlanta {
  width: 80px;
}



  
/***** 
------------------------------------------
  news blog -- category ovverride 
------------------------------------------
*******/
  
.newsblogitem {
  width: 100%;
  padding: 0 0 30px 0;
}  
  
 .newsblog {
  padding-bottom: 0 !important;
  padding-left: var(--sidepadding) !important;
  padding-right: var(--sidepadding) !important;
  margin-top: 80px;
} 
  
  
/*** for news flash ****/
 
  .newsflash {
    display: flex;
    container-type: inline-size;
    flex-wrap: nowrap;
    padding-bottom: 30px;
    overflow-x: scroll;
  }
  .newsflash .mod-articlesnews__item {
    width: 75cqw !important;
    margin-right: 10cqw !important;
    min-width: 75cqw !important;
  }

 .newsflash .newsitem .image {
  overflow: hidden !important;
  height: 200px;
}
  
  /************** END ******************/
}