/* CSS Document */
#estSpacesCont{
  display: block;
  position:relative;
  width: 100%;
  background-clip: content-box;
  background-origin: padding-box;
  border: 0.35em solid transparent;
  border-radius: 8px;
  overflow: hidden;
  }

#estSpacesCont.estSpaceDynamic{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  }

#estViewSpaceImgPvwCont{
  width: 100%;
  }

#estViewSpaceImgPvwSlider{
  display:block;
  position:relative; 
  color: #000000;
  border: 0.35em solid transparent;
  border-radius: 8px;
  }


#estArrBordR{
  display: block;
  position: absolute;
  top:10px;
  right: -12px;
  width: 24px;
  height: 24px;
  transform: rotate(45deg);
  vertical-align: middle;
  }

#estViewSpaceImgPvwSlider,
#estArrBordR{background-color: #A8B8BD;}

#estViewSpaceImgCont{
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  }

.estViewSpaceImgBlock{
  display: none;
  position: relative;
  width: 100%;
  overflow:hidden;
  }

#estViewSpaceImgCont div.estViewSpaceImgBlock:first-child{
  display: block;
  }


.estCommSpaces{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1em;
  }

.estViewSpaceBtn{border-color:#A8B8BD;}

.estViewSpTxt{
  width: 96%;
  margin: 0px 2%;
  text-transform: uppercase;
  line-height: 1.2em;
  text-align: left;
  }




div.estViewSpTxt ul{
  text-indent: 0px;
  padding: 0px 0px 0px 6px;
  margin: 0px 0px 8px 0px;
  line-height: 1em;
  }


#estSpacesCont div#estViewSpacePvwCont,
#estSpacesCont div#estViewSpaceImgPvwCont{
  display:none;
  }


div.estTableGroupWrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
  }

div.estTableGroupTile{
  display: flex;
  flex: 32%;
  flex-direction: column;
  max-width: 33%;
  min-width: 192px;
  }


div.estTableGroupTile div.estImgSlide{
  display:block;
  width: 98%;
  height:192px;
  min-width: 188px;
  background-clip: content-box;
  background-origin: padding-box;
  border: 0.35em solid transparent;
  border-radius: 5px;
  }

div.estTableGroupTile div.estViewSpTxt{
  font-size:0.9em;
  text-transform:none;
  }

div.estTableGroupTile div.estViewSpTxt li{
  width:96%;
  font-size:0.9em;
  list-style-position: inside;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  }






#estViewSpaceImgCont div.estImgSlide{
  width: 98%;
  height: 52vh;
  border-radius: 5px;
  }



div#estViewSpaceBtnCont{width: 100%;}

#estSpacesCont div#estViewSpaceBtnCont div#estViewSpaceBtns{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: stretch;
  padding-top: 0px;
  }


#estSpacesCont div.estSpaceGroup{
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(128,128,128,0.75);
  padding-bottom: 12px;
  flex: auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  }

#estSpacesCont div.estSpaceGroup:last-child{
  border-bottom: none;
  padding-bottom: 0px;
  }

#estSpacesCont div.estSpaceGroup h3{
  flex: 100%;
  }


#estSpacesCont div.estSpaceGroup div.estViewSpaceBtn div.estImgSlide{
  display:block;
  height:192px;
  }
#estSpacesCont div.estSpaceGroup div.estViewSpaceBtn div.estViewSpTxt{
  display:block;
  }

#estSpacesCont div.estSpaceGroup div.estViewSpaceBtn div.estViewSpTxt ul li{
  white-space: normal;
  font-size: 0.8em;
  }



#estViewSpaceBtns div.estSpaceGroup h3{
  margin-top: 8px;
  margin-left: 1%;
  width: 99%;
  }


#estSpacesCont div.estSpaceGroup div.estViewSpaceBtn{
  display: flex;
  position: relative;
  max-width: 32%;
  flex: 32%;
  flex-direction: column;
  margin: 3px;
  padding: 0px 6px 6px 6px;
  border: none;
  cursor: auto;
  }

#estSpacesCont.estSideBarAct div.estSpaceGroup div.estViewSpaceBtn{
    flex: 49%;
    min-width: 49%;
    max-width: 49%;
    }


.estViewSpaceImgBlock div.estSpTtl,
.estViewSpaceBtn div.estSpTtl{
  display: block;
  position: relative;
  width: 98%;
  font-weight: bold;
  margin-top: 4px;
  margin-left: 2%;
  text-transform: uppercase;
  text-align:left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  }


.estViewSpaceBtn.noPics{
  border-left: 0px solid #B7CACF;
  cursor:auto;
  }


.estViewSpaceBtn.noPics div.estImgSlide{
  display:none;
  }


.estViewSpaceBtn div.estImgSlide{
  display:none;
  width: 100%;
  height: 212px;
  margin-bottom: 0px;
  background-clip: content-box;
  background-origin: padding-box;
  border: 0.35em solid transparent;
  border-radius: 8px;
  }




@media screen and (orientation:portrait){
  .dummy{}
  #estViewSpaceImgCont div.estImgSlide{
    width: 100%;
    height: 25vh;
    }
  }



@media screen and (min-device-width:728px) and (orientation:portrait){
  .dummy{}
  #estGalCont div.estImgSlide {
    width: 100%;
    height: 60vh;
    }
  }


/*DINAMIC SPACES LAYOUT*/
@media only screen and (min-device-width:1024px){
  .dummy{}
  
  #estSpacesCont div.estSpaceGroup,
  #estSpacesCont.estSpaceDynamic div.estSpaceGroup{
    border-bottom: none;
    padding-bottom: 0px;
    }
  
  
  #estSpacesCont.estSpaceDynamic h3{
    margin-bottom: 6px;
    }
  
  
  #estSpacesCont.estSpaceDynamic div#estViewSpacePvwCont{
    display: flex;
    flex: 65%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-clip: content-box;
    background-origin: padding-box;
    border: 0.35em solid transparent;
    border-radius: 8px;
    padding-top: 0px;
    overflow: hidden;
    }
  
  
  #estSpacesCont.estSpaceDynamic div.estSpaceGroup div.estViewSpaceBtn{
    flex: 100%;
    width: 100%;
    max-width: unset;
    background-color: rgba(207,207,207,0.45);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left-width: 9px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    border-radius: 5px;
    padding: 8px 6px 8px 6px;
    margin: 2px 0px 2px 0px;
    cursor: pointer;
    }
  
  
  #estSpacesCont.estSpaceDynamic div.estSpaceGroup div.estViewSpaceBtn.estBGGrad2{
    background-color:transparent;
    background-image: linear-gradient(0deg, rgba(0,0,0,0.08), rgba(64,64,64,0.07));
    }
  
  #estSpacesCont.estSpaceDynamic div.estSpaceGroup div.estViewSpaceBtn:hover{
    border-left-color:#04caf7;
    }
  #estSpacesCont.estSpaceDynamic div.estSpaceGroup div.estViewSpaceBtn.actv,
  #estSpacesCont.estSpaceDynamic div.estSpaceGroup div.estViewSpaceBtn.actv:hover{
    border-left-color:#34b6cb;
    }
  
  #estSpacesCont.estSpaceDynamic div.estBGGrad1 div.estViewSpaceBtn.actv,
  #estSpacesCont.estSpaceDynamic div.estBGGrad1 div.estViewSpaceBtn.actv:hover{
    border-left-color:#FFFFFF;
    }
  
  #estSpacesCont.estSpaceDynamic div.estViewSpaceBtn div.estImgSlide,
  #estSpacesCont.estSpaceDynamic div.estViewSpaceBtn div.estViewSpTxt{
    display:none !important;
    }
  
  
  .estSideMenu div.estViewSpaceBtn{
    width:100% !important;
    margin-bottom: 2px;
    }
  .estSideMenu div.estViewSpaceBtn div.estImgSlide,
  .estSideMenu div.estViewSpaceBtn div.estViewSpTxt{
    display:none !important;
    }
  
  #estSpacesCont.estSpaceDynamic div.estViewSpaceBtn div.estViewSpTxt ul li{
    white-space: nowrap;
    margin-right: 10px;
    }
  
  #estSpacesCont.estSpaceDynamic div#estViewSpaceImgPvwCont{
    display:block;
    position:relative;
    min-height: 500px;
    background-color: transparent;
    background-image: none;
    margin-right: 16px;
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    /*z-index: -3;*/
    }
  
  #estSpacesCont.estSpaceDynamic div#estViewSpaceBtnCont{
    display: flex;
    flex: 34%;
    min-width: 300px;
    flex-direction: column;
    align-items: center;
    background-clip: content-box;
    background-origin: padding-box;
    border: 0.35em solid transparent;
    border-radius: 8px;
    overflow: unset;
    }
  
  #estSpacesCont.estSpaceDynamic div.estSpaceGroup{
    display: flex;
    width: 100%;
    margin-bottom: 12px;
    flex: auto;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    }
  
  }





@media only screen and (min-device-width:1024px) and (max-device-height:1024px) and (orientation:landscape){
  .dummy{}
  #estViewSpaceImgCont div.estImgSlide{
    /*height: 40vh;*/
    }
  }

@media only screen and (min-device-width:1024px) and (max-device-height:768px) and (orientation:landscape){
  .dummy{}
  #estViewSpaceImgCont div.estImgSlide{
    /*height: 45vh;*/
    }
  }




@media only screen and (min-device-width:992px) and (max-device-width:1023px){
  .dummy{}
  
  }

@media only screen and (min-device-width:768px) and (max-device-width:991px){
  .dummy{}
  
  #estPlugMenu1,
  .estSideMenu{
    display:none !important;
    }
  
  #estSpacesCont div.estSpaceGroup div.estViewSpaceBtn{
    display: flex;
    position: relative;
    max-width: 48%;
    flex: 50%;
    flex-direction: column;
    margin: 3px 1%;
    padding: 0px 1% 6px 1%;
    border: none;
    cursor: auto;
    }
  
  }


@media only screen and (min-device-width:640px) and (max-device-width:767px){
  .dummy{}
  
  div.estTableGroupTile{
    flex: 50%;
    width: 48%;
    min-width: 48%;
    max-width: 48%;
    }
  
  #estSpacesCont div.estSpaceGroup div.estViewSpaceBtn{
    display: flex;
    position: relative;
    max-width: 48%;
    flex: 50%;
    flex-direction: column;
    margin: 6px 1%;
    padding: 0px 1% 6px 1%;
    border: none;
    cursor: auto;
    }
  }


@media only screen and (min-device-width:544px) and (max-device-width:639px){
  .dummy{}
  
  #estSpacesCont div.estSpaceGroup div.estViewSpaceBtn div.estImgSlide{
    height: 320px;
    }
  }


@media only screen and (min-device-width:480px) and (max-device-width:543px){
  .dummy{}
  
  #estSpacesCont div.estSpaceGroup div.estViewSpaceBtn div.estImgSlide{
    height: 256px;
    }
  }

@media only screen and (min-device-width:100px) and (max-device-width:479px){
  .dummy{}
  
  #estSpacesCont div.estSpaceGroup div.estViewSpaceBtn div.estImgSlide{
    height: 192px;
    }
  }




@media only screen and (min-device-width:100px) and (max-device-width:639px){
  .dummy{}
  
  #estSpacesCont div#estViewSpacePvwCont{
    background-image:none !important;
    background-color:transparent !important;
    }
  
  #estSpacesCont div.estSpaceGroup div.estViewSpaceBtn{
    display: flex;
    position: relative;
    max-width: unset;
    flex: 100%;
    flex-direction: column;
    margin: 8px auto;
    padding: 0px 1% 6px 1%;
    border: none;
    cursor: auto;
    }
  
  div.estTableGroupTile{
    flex: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    }
  
  
  #estSpacesCont div.estImgSlide{
    width: 100%;
    height: 256px;
    }
  }