body{
  /* font-family: 'Apple System', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;
  /* -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif */
  padding: 0;
  font-size: 1.35rem;
}
body > .content{
  padding-bottom: 5rem;
  /*padding: 0 0 5rem 240px;*/
}
html{
  padding: 0;
  margin: 0;
}
.cover{
  object-fit: cover;
}
.contain{
  object-fit: contain;
}
.flashies{
  list-style-type: none;
}
.hidden{
  display: none;
}
.name_field{
  display: none;
}
.block{
  display: block;
}
.noselect {
  user-select: none;
}
.error-after-input{
  margin-top: 0.25rem;
}
.error-after-label{
  margin-top: 0.25rem;
}
.click-here-text:hover{
  cursor: pointer;
  font-weight: bold;
}
.no-margin{
  margin: 0;
}
h1,h2,h3,h4,h5,h6,button,input[type=button]{
  font-family: 'Tahoma', sans-serif;
}
form label[required="required"]::after{
  content: " *";
  font-size: 1.6rem;
}
input::placeholder{
  font-family: 'Courier New', Courier, monospace;
}
h1, section h1{
  font-size: 2.65rem;
  text-align: center;
  margin: 2rem auto;
}
label{
  display: block;
}
textarea{
  font-size: 1.3rem;
}
a{
  text-decoration: none;
}
.boxes{
  display: flex;
  align-items: first baseline;
}
.boxes input{
  margin-right: 1rem;
}
.collection-boxes label:not(:first-child){
  display: inline-block;
  padding-left: 1rem;
  padding-bottom: 0.25rem;
  white-space: nowrap;
  width: calc(100% - 2.5rem);
}
.collection-boxes input{
  vertical-align: middle;
  padding-bottom: 0.25rem;
}
.fade{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3000;
}
.fade-container{
  display: none;
  width: 80%;
  height: 80%;
  overflow: auto;
  border: 1px solid;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.container-error{
  display: none;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  border-radius: 1rem;
  margin:auto;
  padding: 2rem;
  transform: translate(-50%,-50%);
  border: 0.25rem solid;
  z-index: 3100;
}
.container-error h2{
  text-align: center;
}
.container-error p{
  width: 50%;
  margin: auto;
}

.outside-fade{
  position: absolute;
  z-index: 10;
  width: 480px;
}
.inside-fade{
  position: absolute;
  z-index: 10;
  height: 478px;
  width: 478px;
  border: 1px solid;
  cursor: move;
}
.img-center{
  display: block;
  margin: auto;
}

.confirm-action{
  position: fixed;
  width: 67.5rem;
  height: 18rem;
  top: calc((100% - 18rem) / 2);
  left: calc((100% - 67.5rem) / 2);
  text-align: center;
  background-color: #FFF;
  z-index: 3100;
}
.confirm-action div{
  display: flex;
  margin-top: 6rem;
}

.mrg-auto{
  margin: auto;
}
.strikethrough{
  text-decoration: line-through;
}
.little-form{
  margin: 5rem auto;
}
.little-form h1{
  margin-bottom: 5rem;
}
.little-form h2{
  margin: 5rem 0 2rem 0;
}
.little-form > div{
  margin-bottom: 1rem;
}
.little-form label{
  margin: 0 auto 0.25rem auto;
  width: 22rem;
  padding-right: calc(2rem + 4px);
}
.little-form input[type=text], .little-form input[type=email], .little-form input[type=password]{
  display: block;
  height: 2rem;
  width: 22rem;
  padding: 0.375rem 1rem;
  margin: auto;
}
.little-form input[type=submit]{
  margin-top: 5rem;
}
.little-form .error-after-input{
  width: calc(22rem + 2rem + 2px);
  margin: auto;
}
.checkbox-form{
  width: 1080px;
  margin: 5rem auto;
}
.checkbox-form .boxes-input{
  padding: 2rem 0;
}
.checkbox-form .boxes-input label{
  width: 100%;
  margin-bottom: 0.5rem;
}
.generic-photo{
  display: block;
}


/*---------- Menu ----------*/
.menu{
  display: flex;
  justify-content: space-between;
}
.menu ul{
  margin-top: 0;
  margin-bottom: 0;
}
.menu-transactions > li{
  display: flex;
  flex-direction: column;
  height: 3.5rem;
  text-align: center;
}
.link-menu{
  text-decoration: none;
}
.menu-transactions > li{
  padding-top: 2.25rem;
}
.menu-transactions li p{
  margin: 0;
}
.menu-user-data li img{
  margin: 0 auto 0.25rem auto;
}
.menu-transactions a{
  text-decoration: none;
}
.menu-interactions{
  width: 100%;
  justify-content: space-around;
}
.menu-interactions li{
  padding-top: 2rem;
}
.menu li{
  list-style-type: none;
}

/*---------- Button ----------*/
.btns{
  display: flex;
  margin: 0 auto 2rem auto;
  justify-content: space-between;
}
.modal-btn{
  display: flex;
  justify-content: flex-start;
  border-radius: 1.25rem;
  border: none;
  height: 2.5rem;
  width: 18rem;
  text-align: left;
  padding: 0 1rem;
  font-size: 1rem;
  cursor: pointer;
}
.modal-btn p{
  margin: 0;
  height: 2.5rem;
  line-height: 2.5rem;
}
.modal-btn i{
  margin-top: 1rem;
}
.action{
  display: flex;
  border-radius: 1.25rem;
}
.action img{
  margin: auto 1rem;
  display: block;
}
.action-btn{
  border: none;
  height: 2.5rem;
  width: 12rem;
  text-align: left;
  font-size: 1.2rem;
  cursor: pointer;
}
.link-btn, .back-btn, .del-btn, .premium-btn, .disabled-btn{
  display: block;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.4rem;
  text-align: center;
  margin: auto;
  border-radius: 2rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
.row-btn{
  height: 1.5rem;
  border-radius: 0.75rem;
  padding: 0 1rem;
  border: none;
  cursor: pointer;
}
.add-announce-btn, .menu-premium-btn{
  display: flex;
  border-radius: 1.5rem;
  padding: 0 1rem;
  cursor: pointer;
}
.toggle-button{
  display: flex;
  align-items:center;
  height: 2.5rem;
  border-radius: 2.5rem;
  cursor: pointer;
  border: 1px solid;
}
.toggle-button .active{
  border-radius: 2.5rem;
}
.toggle-button div{
  height: 2.5rem;
}
.toggle-button p{
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  margin: 0;
}
.search-btn{
  text-align: center;
  height: 2.5rem;
  border-radius: 2.5rem;
}
.link-img-btn{
  display: block;
  margin: 0 auto;
  text-indent: -9999px;
}
.instagram{
  background-image: url("/assets/icons/insta-b693fd32.svg");
  width: 28px;
  height: 28px;
  margin: 0.5rem 0;
}
.no-btn{
  border: none;
  background-color: transparent;
}
.log-out{
  height: 100%;
}
.log-out button{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 1rem;
  cursor: pointer;
}

/*---------- Radios ----------*/
.radios{
  display: flex;
}
.radios div{
  display: flex;
  flex-direction: row;
  padding-bottom: 1rem;
}
.radios div label{
  padding-left: 0.5rem;
}

/*---------- Arrow ----------*/
.arrow{
  display: block;
  margin: auto;
}
.arrow-window{
  margin: auto 1rem auto 0;
}
.arrow-search{
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.arrow-dark{
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 4px;
}
.arrow-up{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.arrow-right{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.arrow-down{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.arrow-left{
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

/*---------- Form ----------*/
input i{
  position: absolute;
}
.spacer-b-tex-f{
  width: 0.5rem;
}
.description-limit{
  display: none;
}

/*---------- HomePage ----------*/
.home-city .search-row{
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.home-city-img{
  display: block;
  width: 50%;
  height: 360px;
}
.search-photo{
  display: block;
  position: absolute;
  top: 120px;
  left: 0;
  overflow: hidden;
  z-index: -1;
}
/*.search{*/
/*  margin: 4.5rem auto;*/
/*  padding: 0.5rem 0;*/
/*}*/
.search h3{
  text-align: center;
  margin-top: 0.5rem;
}
.search .row {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.search .transaction{
  flex-direction: column;
}
.search .transaction .toggle-button:first-child{
  margin-bottom: 1rem;
}
.search .row .text-field input{
  border: 1px solid;
  height: 2rem;
  border-radius: 2rem;
}
.text-field::after{
  margin-top: 0.5rem;
}
.area-unit::after {
  content: "m²";
}
.budget-unit::after {
  content: "€";
}
.search .label-field{
  display: flex;
  flex-direction: column;
}
.container-search{
  border-radius: 1rem;
  overflow: hidden;
  height: 80%;
  margin:auto;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border: 0.125rem solid;
  z-index: 5000;
}

/*---------- CookiesSearch ----------*/
.search-cookies-container{
  /*position: absolute;*/
  background-color: #FFF;
  flex-direction: column;
  justify-content: space-around;
  /*z-index: 3;*/
}
.search-cookies-container .link-btn{
  margin: 2rem auto;
}
.search-cookies-container p{
  margin: 2rem;
}

/* --- start --- this style is constant ---------- */
@keyframes slider-key-next {
  0% {left: 100%; }
  100% {left: 0; }
}
@keyframes slider-key-left {
  0% {left: 0; }
  100% {left: -100%; }
}
@keyframes slider-key-previous {
  0% {left: -100%; }
  100% {left: 0; }
}
@keyframes slider-key-right {
  0% {left: 0; }
  100% {left: 100%; }
}
.slider {
  overflow: hidden;
  position: relative;
}
.slider > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}
.slider > ul > li {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.slider > ul > li.active {visibility: visible; left: 0; }
.slider > ul > li.left {animation-name: slider-key-left; }
.slider > ul > li.next {animation-name: slider-key-next; }
.slider > ul > li.right {animation-name: slider-key-right; }
.slider > ul > li.previous {animation-name: slider-key-previous; }
/* --- end --- this style is constant ---------- */

.slider > button {
  transition: 0.3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: #FAFAFA;
  opacity: 0.5;
  border: 0;
  outline: none;
  padding: 0;
  cursor: pointer;
  border-radius: 100%;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}
.slider > button:hover {
  opacity: 1;
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.slider > button:nth-child(2) {
  left: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAEAUlEQVR4Xu3dO24UQRCAYftYcAGfABFa4nUciDEcgQCJOwAShCBE7hMACY+A7mAly7K9NdNd1fX4LU0A9M5M1/8x3iUwpyd8lZ7Aaends/kTABRHAAAAFJ9A8e3zBABA8QkU3z5PAAAUn0Dx7fMEAEDxCRTfPk8AAJSdwOO282/teF92Am3jVZ8Az9reX7bjVzvOKiOoCOAQ//AXvzSCagCuxy+PoBKA2+KXRlAFwLH4ZRFUACCNXxJBdgBb419FcK/94kv2j4iZAeyN35u/bcfDdvwBQMwJEF/YLeMTgPjC+H1ZNgDE3xA/GwDib4yfCQDxd8TPAoD4O+NnAED8gfjRARB/MH5kAMSfED8qAOJPih8RAPEnxo8GgPiT40cCQHyF+FEAEF8pfgQAxFeM7x0A8ZXjewZAfIP4XgEQ3yi+RwDEN4zvDQDxjeN7AkD8BfG9ACD+ovgeABB/YfzVAIi/OP5KAMR3EH8VAOI7ib8CAPEdxbcGQHxn8S0BEN9hfCsAxHca3wIA8R3H1wZAfOfxNQEQP0B8LQDEDxJfAwDxA8WfDYD4weLPBED8gPFnARiJ/6ndxIt2/As6P6+3/aHd2KXk5kZ/RtBIfMn9sWbfBB60l72RvHQEAPElE16zRh0A8deElV5VFQDxpRnWrVMDQPx1UbdcGQBbppVwrRqAPqun7bhIOLRMW1IF0Af1pB2vMk0s2V7UAfR59f92rSMY+SiZbO5utmMCoO/2UTteg8BN+MONmAEYRfC5neB5O/66G2HsG/rYbt/kn4IPYxp5ErxrJ+lif8eeecy7n/n9GwQBDcwEMPrtgCfBAkCzAYBgQcSRS2oAAMFIEePXagEAgXHIvZfTBACCvVUMX6cNAASGMfdcygIACPaUMXqNFQAQGAXdehlLACDYWsdgvTUAEBhE3XKJFQBAsKWQ8tpVAECgHFZ6+pUAQCCtpLhuNQAQKMaVnNoDABBISimt8QIABEqBj53WEwAQHKul8OfeAIBAIfJdp/QIAASGCLwCAIERAs8AQGCAwDsAECgjiAAABIoIogAAgRKCSABAoIAgGgAQTEYQEQAIJiKICgAEkxBEBgCCCQiiAwDBIIIMAEAwgCALABDsRJAJAAh2IMgGAAQbEWQEAIINCLICAIEQQWYAIwh+tBffb8dX4RzDLssOYA+CHv+sHf1n7aX/qgBgC4JS8ftgqgCQICgXvxqAuxCUjF8RwE0IysavCuAqgp+V3vDd9I620nuA6/s/b7/xvcq7/ds+zlQGkP4jnmSDAJBMKfEaACSOK9kaACRTSrwGAInjSrYGAMmUEq8BQOK4kq0BQDKlxGsAkDiuZGsAkEwp8RoAJI4r2RoAJFNKvOY/NR8wkHwupfAAAAAASUVORK5CYII=);
}
.slider > button:nth-child(3) {
  right: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAEDklEQVR4Xu3cTW5TMRSG4XSAQMASmHUOEkwAiQ0gMWQBIFaAWA8qYgZijFhA1wXnQkPTNsn133GP/b2VPKjqe22f74nj3kg52fAjXYET6dWz+A0AxBEAAADiFRBfPjsAAMQrIL58dgAAiFdAfPnsAAAQr4D48tkBACBegc3mlVXg1NqZYiXUd4Al/J/W7lv7YO2zGgJlANvwH1yE/lsRgSqA6+FvX/hyCBQBHApfEoEagLXw5RAoAUgNXwqBCoAnluq5te2BL/WwP/2ZQAXAXUv8u7U3qcnv9JsagQqAJU8Q7NGvBAAEAPhbAXaCHQhqO8B26SC4qIQqAHYCAPB2sFRAeQfg7QAA/09DsmcCdoDLE7EkAgBc/d9YDgEAbj4ckUIAgP0fDsggAMDhT4ckEADg+MeD0yMAwPrnw1MjAMA6gKkfGwMgDcC0CACQDmBKBADIAzAdAgDkA5gKAQDKAEyDAADlAKZAAIA6AMMjAEA9gKERAKANgGERAKAdgCERAKAtgOEQAKA9gKEQAMAHwDAIAOAHYAgEAPAFEB4BAPwBhEYAgD4AwiIAQD8AIREAoC+AcAgA0B9AKAQAuB0AYRDkAHhks35xe/WacuQ7tqqP1p4VrK7Jt5flAHhrk/xWMFEu8atANQIA+IXT685VCADQKybfcYoRAMA3mJ53L0IAgJ4R+Y+VjQAA/qH0HAEAPasdbKwl/PfWznLmxQ6QU624fZfw31n7kjtFAORWLF7/4vCXpQAgXqA5M6oKPxfA8ij4ec7s6LtageVR8CdrT1d73uxQHX4ugII5csmRCtyzv/2w9rqgSk3CB0BB5RtdEiJ8ADRKM/M2YcIHQGZyDbqHCh8ADRLNuEW48AGQkV5l15DhA6Ay1cTLw4YPgMQEK7qFDh8AFckmXBo+fAAkpFjYZYjwAVCY7splw4QPgPYAhgofAG0BDBc+ANoBGDJ8ALQBMGz4AKgHMHT4AKgDMHz4ACgHMEX4ACgDME34AMgHMFX4AMgDMF34AEgHMGX4AEgDMG34AFgHMHX4ADgOYPrwAXAYgET4ANgPQCZ8ANwEIBU+AK4CkAsfAJcAJMMHwD8AsuEDQDx8dQDSr/ztu1/OV8SsPzcbpwfhX2SlCIDwd16oagAI/9ourQSA8Pe8RasAIPwD5zMVAI9t/efWHmaeU5t9G1fmuN26qwBYCvrS2q8MBNOHr/gcIBWBRPiKAFJ2ApnwVQEcQyAVvjKAfQjkwlcHsIvggf1S9H373Y7rTgMp/RdwqITLwfDU2lenGoe+LQBCx+M/OQD41zj0CAAIHY//5ADgX+PQIwAgdDz+kwOAf41DjwCA0PH4Tw4A/jUOPQIAQsfjPzkA+Nc49AgACB2P/+QA4F/j0CP8AQt1MpCfJsp4AAAAAElFTkSuQmCC);
}
.slider .see-more{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: absolute;
  width: 70%;
  height: 80%;
  left: 15%;
  top: 10%;
  z-index: 100;
  text-align: center;
  border-radius: 2rem;
}
.slider .see-more div{
  width: 60%;
  margin: auto;
  text-align: center;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 2.5rem;
}
.slider-close{
  position: absolute;
  bottom: 100px;
}

/*---------- ADVANCED SEARCH ----------*/

.advanced-search{
  overflow: auto;
  height: 100%;
}
.advanced-search > section{
  padding: 1rem 2rem 2rem 2rem;
}
.advanced-search .row{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.advanced-search .row-center{
   display: flex;
   justify-content: space-evenly;
 }
.advanced-search section div{
  display: flex;
  align-items: flex-end;
}
.advanced-search section .wrap{
  flex-wrap: wrap;
}.advanced-search section .wrap label{
   width: 100%;
 }
.advanced-search section .wrap img{
  margin-left: 0;
}
.advanced-search section div img{
  margin: auto 0.8rem;
}
.advanced-search section div > *{
  align-self: center;
}
.advanced-search section select{
  width: 100%;
  margin-top: 0.8rem;
}
.advanced-search section h3{
  padding-bottom: 1rem;
}
.advanced-search .energy{
  display: flex;
  justify-content: space-between;
}
.advanced-search .action-btn{
  display: block;
  margin: auto;
}

/*---------- Sort Modal Window ----------*/

.sort{
  display: none;
  position: fixed;
  border-radius: 1rem;
  border: 0.125rem solid;
  z-index: 9999;
}
.sort ul{
  list-style-type: none;
  padding: 0;
}
.sort li{
  height: 2rem;
  line-height: 2rem;
  margin: 0 1rem;
  cursor: pointer;
}
.sort .edging{
  height: 0.0625rem;
}
.sort li p{
  margin: 0;
}
.sort li p img{
  vertical-align: middle;
  margin-right: 0.5rem;
}

/*---------- Locations search ----------*/
.locations-search{
  flex-direction: column;
}
.locations-search-textfield{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.locations-search-results{
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 100;
  margin: 2rem 0 1rem 0;
  padding: 1rem;
  border: 1px solid;
  border-radius: 0.5rem;
}
.locations-search-results li{
  list-style-type: none;
  margin: 0;
  padding: 1rem;
  border-radius: 0.5rem;
}
.locations-selected{
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1rem 0 0 0;
  border-radius: 0.5rem;
}
.locations-selected li{
  display: inherit;
  list-style-type: none;
  margin: 0 1rem 1rem 1rem;
  padding: 1rem;
  border-radius: 0.5rem;
}
.locations-selected li p{
  margin: 0;
  height: 28px;
  line-height: 28px;
}
.locations-selected li img{
  margin-left: 1rem;
  cursor: pointer;
}

/*---------- Dashboard ----------*/
.dashboards{
  padding: 5rem 0;
}
.dashboards .center{
  text-align: center;
}
.dashboard-content{
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}
.dashboard a{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  padding: 1rem;
  margin: 2rem 4rem 2rem 0;
}
.dashboard .additional-data{
  display: flex;
  justify-content: space-between;
}
.dashboard .additional-data h3{
  margin: 0;
}

/*---------- SignIn ----------*/
.sign-in{
  margin:auto;
}
.sign-in input[type=text]{
  width: 100%;
}
.sign-in-radios div{
  display: flex;
}
.sign-in-radios div input{
  margin-left: 0;
  margin-right: 1rem;
}
.sign-in-radios div p{
  margin: 0.5rem 0;
}
.sale-status{
  display: none;
}
.confirm-message{
  display: flex;
  min-height: 4.5rem;
}
.confirm-message img{
  padding-right: 1rem;
}
.captcha{
  touch-action: none;
  border: 1px solid black;
  position: relative;
}
.captcha::after{
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  mix-blend-mode: soft-light;
  z-index: 3;
  opacity: 0;
  transition: .3s;
}
.captcha-background{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: .3s;
}
.captcha-piece{
  position: absolute;
  top: 0;
  left: 0;
  background-origin: border-box;
  cursor: move;
  width: 88px;
  height: 60px;
  z-index: 2000;
}
.captcha-piece::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 88px;
  height: 60px;
  animation: ping 2s cubic-bezier(0,0,.2,1) infinite;
}

/*---------- SignUp ----------*/

/*---------- PasswordIndicator ----------*/
.password-indicator{
  /*display: none;*/
  margin: 0.5rem 0 1.5rem 0;
}
.password-indicator > div{
  display: flex;
  padding: 2px 0;
}
.password-indicator > div img{
  padding: 3px 8px 3px 0;
}
.password-indicator p{
  margin: 0;
}
.pwd-true{
  list-style: url("/assets/icons/pwd-true.svg");
}
.pwd-false{
  list-style: url("assets/icons/pwd-false.svg");
}

/*---------- RealEstate ----------*/
.real-estate-edit{
  margin:auto;
}
.real-estate-edit .margin-top{
  margin-top: 2rem;
}
.real-estate-edit > section{
  border-radius: 10px;
  padding: 1rem 2rem 2rem 2rem;
  margin: 4rem 0;
}
.real-estate-edit .textareas label{
  margin-top: 2rem;
}
.real-estate-edit .textareas input{
  min-height: 1.5rem;
  font-size: 1.2rem;
}
.real-estate-edit .textareas textarea{
  min-width: 100%;
  min-height: 36rem;
  font-size: 1.2rem;
}
.real-estate-edit .inputs{
  display: flex;
  justify-content: space-between;
}
.real-estate-edit .facilities{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.real-estate-edit .facilities .row, .real-estate-edit .condition .row{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 2rem;
}
.real-estate-edit .facilities h4, .real-estate-edit .condition h4{
  text-align: center;
  margin: 4rem auto 0 auto;
}
.real-estate-edit section h3{
  padding-bottom: 1rem;
}
.real-estate-edit .bottom-spacer div{
  margin-top: 2rem;
}
.real-estate-edit .checkboxes .bottom-spacer div{
  display: flex;
  align-items: center;
}
.real-estate-edit .bottom-spacer div img{
  margin: 0 0.5rem;
}
.real-estate-edit .checkbox{
  display: flex;
  align-items: center;
}
.real-estate-edit .center{
  display: flex;
  justify-content: center;
  width: 100%;
}
.real_estate_list{
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: auto;
}
.real-estate-edit .originals-photos{
  display: none;
}
.options-photos{
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.options-photos li {
  display: flex;
  flex-direction: column;
  max-width: 240px;
  margin: 1rem;
  padding: 0.5rem;
  background-color: #F7F7F7;
  list-style-type: none;
}
.edit-row-btn{
  display: flex;
}
.edit-row-btn .link-btn{
  width: 12rem;
  color: white;
}
.real-estate-photos{
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.real-estate-photos-li{
  display: flex;
  flex-direction: column;
  max-width: 240px;
  margin-bottom: 3rem;
  padding: 0.5rem;
  background-color: #F7F7F7;
  list-style-type: none;
}
.real-estate-photos-li .back-btn{
  position: relative;
  top: 50%;
}
.real-estate-photos-header{
  display: flex;
  justify-content: space-between;
}
.real-estate-photos-header h3{
  margin: 0;
  font-size: 20px;
}
.real-estate-photos-photo{
  display: block;
  padding-bottom: 0.5rem;
  width: 240px;
  height: 240px;
  object-fit: contain;
}
.real-estate-photos-delete-icon{
  align-self: flex-end;
  content: url("/assets/icons/red-trash-2c420d27.svg");
  width: 28px;
  height: 28px;
}
.real-estate-photos-cancel-delete-icon{
  align-self: flex-end;
  content: url("/assets/icons/red-trash-cancel-4affc006.svg");
  width: 28px;
  height: 28px;
}
.real-estate-photos-order-active{
  content: url("/assets/icons/reorder-active-44affb57.svg");
  width: 28px;
  height: 28px;
  cursor: grab;
}
.real-estate-photos-order-inactive{
  content: url("/assets/icons/reorder-inactive-72f8edff.svg");
  width: 28px;
  height: 28px;
  cursor: default;
}
.real-estate-photos-data-container{
  display: flex;
  justify-content: space-between;
}
.real-estate-photos-data-title{
  margin: 1rem 0;
}
.real-estate-photos-data-size{
  margin: 0;
  color: #4C5D73;
}
.real-estate-photos-selected{
  position: absolute;
  box-shadow: 10px 15px 3px rgba(76, 93, 115, 0.75);
  z-index: 3;
}
.real-estate-photos-cancel-delete-btn{

}
.real-estate-photos-copy{
  opacity: 0.5;
}

.options-photos li img{
  /*padding: 0.125rem;*/
  padding-bottom: 0.5rem;
  display: block;
  /*cursor: pointer;*/
}
.options-photos li .photo{
  border: 0.125rem solid #FFF;
}
.options-photos .separator {
  border: 0.125rem dashed;
  min-width: 2rem;
}
.options-photos .separator p {
  writing-mode: vertical-rl;
  text-orientation: upright;
  padding-top: 1rem;
}
.options-photos .photoSelected{
  border: 0.125rem solid;
}
.options-photos li li{
  margin-bottom: 1rem;
}
.options-photos li li > *{
  cursor: pointer;
}
.real-estate-edit .medias{
  display: flex;
  flex-direction: column;
}
.real-estate-edit .medias input{
  margin-bottom: 1rem;
}
.real-estate-edit .photo-banner{
  margin-top: -206px;
  width: 100px;
  height: 50px;
}
.home-city .photo-banner{
  display: block;
  position: absolute;
  width: 120px;
  height: 50px;
  z-index: 9999;
}
.real-estate-edit .form-title{
  display: flex;
  border: 1px solid;
  height: 3rem;
}
.real-estate-edit .form-title span{
  min-width: 16rem;
  text-align: center;
  height: 3rem;
  line-height: 3rem;
  cursor: default;
  border-right: 1px solid;
}
.real-estate-edit .form-title input{
  border: none;
  margin: 8px 6px;
  padding: 1px 6px;
  width: calc(100% - 24px);
  height: 2rem;
}
.real-estate-edit .collection-boxes{
  display: flex;
  flex-direction: column;
}
.real-estate-edit-btn{
  padding: 1rem 0 3rem 0;
}

.photos-btn{
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.photo-btn{
  display: flex;
  justify-content: flex-start;
  border-radius: 0.5rem;
  border: none;
  height: 2.5rem;
  width: 12rem;
  text-align: left;
  padding: 0 1rem;
  font-size: 1rem;
  cursor: pointer;
}
.photo-btn img{
  padding: 0.375rem 1rem 0 0;
}
.photo-btn p{
  margin: 0;
  line-height: 2.5rem;
  color: #FFF;
  padding-left: 0.375rem;
}
.photo-btn-icon{
  width: 28px;
  height: 28px;
}
.real-estate-histories{
  display: table;
  margin: 24px auto;
  padding-right: 40px;
}
.real-estate-histories button{
  margin-top: 36px;
}


/*---------- RealEstateCell ----------*/
.real-estate-cell{
  display: flex;
  margin: 1.5rem 0;
}
.real-estate-cell a{
  text-decoration: none;
}
.real-estate-cell .header{
  display: flex;
  justify-content: space-between;
  height: 100px;
}
.real-estate-cell .details .header{
  height: 100px;
}
.real-estate-cell .header .agent-identity{
  display: flex;
}
.real-estate-cell .details .header .agent-identity{
  min-width: 400px;
}
.real-estate-cell .header .agent-identity .name{
  margin: 0;
  line-height: 100px;
}
.real-estate-cell .header .img-agent{
  border-radius: 50%;
  padding: 10px;
}
.real-estate-cell .header .state{
  margin: 0.5rem;
  text-align: center;
}
.real-estate-cell .header .state-link{
  width: 100%;
}
.real-estate-cell .header .state-img{
  display: block;
  margin: 0 auto;
}
.real-estate-cell .details .header .state-new{
  min-width: 100px;
  height: 100px;
}
.real-estate-cell .details2 .state-new, .real-estate-cell .details3 .state-new{
  height: 100px;
}
.real-estate-cell .details2 .state-new img, .real-estate-cell .details3 .state-new img{
  display: block;
  margin-left: auto;
}
.real-estate-cell .header .new{
  transform: rotate(45deg);
  position: relative;
  top: -90px;
  left: 16px;
  z-index: 3;
}
.details .generic_link, .details2 .generic_link{
  display: block;
  height: 270px;
}
.details3 .generic_link{
  display: block;
}
.details3 .generic_link img{
  display: block;
  object-fit: cover;
}
.real-estate-cell .generic_link3{
  display: block;
}
.real-estate-cell .details .photos{
  min-width: 100%;
  height: 270px;
}
.real-estate-cell .content{
  display: flex;
  flex-direction: column;
  height: calc(274px - 2rem);
  justify-content: space-between;
}
.real-estate-cell .details .content{
  padding: 1rem 1rem 2rem 1rem;
}
.real-estate-cell .exclusivity{
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  height: 36px;
}
.real-estate-cell .exclusivity p{
  margin: 4px;
  font-size: 1.425rem;
  font-weight: bold;
}
.real-estate-cell .content .title{
  margin: 0;
  font-size: 1.625rem;
  font-weight: bold;
}
.real-estate-cell .content .subtitle{
  margin: 0.5rem 0 0 0;
  font-size: 1.25rem;
  font-weight: normal;
  min-height: 3.25rem;
}
.real-estate-cell .content .features{
  margin: 0.5rem 0 0 0;
  font-size: 1.25rem;
  font-weight: normal;
}
.real-estate-cell .content .price{
  display: flex;
}
.real-estate-cell .content .price > *{
  margin: 1rem 0;
}
.real-estate-cell .content .price p{
  height: 2rem;
  font-size: 1.625rem;
  font-weight: bold;
}
.real-estate-cell .content .price img{
  padding: 0 1rem;
  width: 32px;
  height: 32px;
}
.real-estate-cell .highlight{
  display: flex;
  height: 2rem;
}
.real-estate-cell .details3 .highlight{
  margin: 1rem;
}
.real-estate-cell .highlight p{
  margin: 0 1rem 0 0;
  padding: 3px 12px;
  border-radius: 1rem;
}
.real-estate-cell .content .row{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* cell 2 */
.real-estate-cell .details2 .cols{
  display: flex;
  justify-content: space-between;
}
.real-estate-cell .details2 .col-right{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.real-estate-cell .details2 .content{
  padding: 1rem 1rem 2rem 1rem;
}
.real-estate-cell .details2 .description{
  padding-right: 1rem;
}
.real-estate-cell .details2 .description p:first-child{
  margin-top: 0;
}
.real-estate-cell .details2 .premium-photo{
  display: block;
  margin-left: auto;
}
.real-estate-cell .details .row div, .real-estate-cell .details2 .row div, .real-estate-cell .details3 .row div{
  display: flex;
  width: 120px;
  height: calc(32px + 1rem);
}
.real-estate-cell .details .row div img, .real-estate-cell .details2 .row div img, .real-estate-cell .details3 .row div img{
  display: block;
  padding: 0.5rem 0.5rem 0.5rem 0;
}
.real-estate-cell .details .row div p, .real-estate-cell .details2 .row div p, .real-estate-cell .details3 .row div p{
  padding: 0 0.25rem;
  text-align: left;
  width: 2.75rem;
  margin: auto;
}
.real-estate-cell .details .row div p .square_meter, .real-estate-cell .details2 .row div p .square_meter{
  width: 5.5rem;
}
.real-estate-cell .details .row .empty-cell-data, .real-estate-cell .details2 .row .empty-cell-data{
  width: 20%;
}
.real-estate-cell .details .generic-photo{
  display: block;
}
.real-estate-cell .trash{
  padding: 0;
}
.real-estate-cell .state-update-notice{
  min-height: 3.5rem;
  margin: 1rem 0;
}
.real_estate_state p{
  margin: 0;
  text-align: center;
  padding: 0.5rem 0;
}

/*---------- RealEstateDetails ----------*/
.real-estate-details{
  margin: auto;
}
.real-estate-details p{
  font-size: 1.2rem;
}
.real-estate-details h1{
  margin-bottom: 3rem;
  text-align: left;
}
.real-estate-details h1.title{
  padding-top: 2rem;
}
.real-estate-details h3{
  margin-bottom: 4rem;
}
.real-estate-details .title{
  padding: 0 1rem;
}
.real-estate-details .views{
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3rem;
}
.real-estate-details .views .photos{
  width: 100%;
  height: 607px;
}
.real-estate-details .views .photos ul{
  height: 607px;
}
.real-estate-details .views .photos img{
  object-fit: contain;
}
.real-estate-details .views h3{
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  margin: auto;
}
.real-estate-details .main-data{
  display: flex;
  justify-content: space-between;
}
.real-estate-details .premium-data{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 3rem auto;
}
.real-estate-details .contact-form {
  margin: auto;
}
.real-estate-details .accordion, .real-estate-details .accordion-disabled{
  display: flex;
  justify-content: space-between;
  align-self: center;
  border-radius: 0.5rem;
  width: 100%;
  height: 4rem;
  margin: 2rem auto;
  padding: 0 1rem;
}
.real-estate-details .accordion{
  cursor: pointer;
}
.real-estate-details .accordion span{
  display: inline-flex;
  align-items: center;
}
.real-estate-details .main-data div{
  padding: 1rem 0;
}
.real-estate-details .main-data div img{
  display: block;
  margin: auto;
}
.real-estate-details .main-data div p{
  margin-bottom: 0;
  text-align: center;
}
.real-estate-details .description{
  display: flex;
}
.real-estate-details .hidden-section{
  display: none;
  overflow: hidden;
  height: auto;
  transition: max-height 2.5s;
}
.real-estate-details .hidden-section h4{
  padding: 1.2rem 0 0.5rem 0;
  margin: 0;
}
.real-estate-details .main{
  display: flex;
  width: 100%;
  margin: 6rem auto;
  justify-content: space-between;
}
.real-estate-details .main .map_image{
  display: flex;
  flex-direction: column;
}
.real-estate-details .main .map_image .photo-map{
  margin-top: 3rem;
}
.real-estate-details .main .presentation{
  padding-right: 1rem;
}
.real-estate-details .features{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 1rem;
}
/*.real-estate-details .features div{*/
/*  display: flex;*/
/*  justify-content: flex-start;*/
/*  margin-bottom: 2rem;*/
/*}*/
.real-estate-details .features ul{
  display: flex;
  justify-content: flex-start;
  padding-left: 0;
  margin-bottom: 2rem;
}
.real-estate-details .features li{
  list-style-type: none;
  width: calc(100% / 3 - 5rem);
  padding-right: 2rem;
}
.real-estate-details .features div li{
  list-style-type: none;
  width: calc(100% / 3 - 5rem);
  padding-right: 2rem;
}
.real-estate-details .features li p{
  margin: 0;
  font-size: 1.35rem;
}
.real-estate-details .features img{
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}
.real-estate-details .equipment{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 1rem;
}
.real-estate-details .equipment .criteria{
  display: flex;
  flex-wrap: wrap;
}
.real-estate-details .equipment .criteria div{
  display: flex;
  align-items: center;
  width: 33.333333%;
}
.real-estate-details .equipment .criteria div img{
  margin-right: 1rem;
}
.real-estate-details .rental-charges{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 1rem;
}
.real-estate-details .rental-charges ul{
  display: flex;
  justify-content: flex-start;
  padding-left: 0;
  margin-bottom: 2rem;
}
.real-estate-details .rental-charges li{
  list-style-type: none;
  width: calc(100% / 3 - 3rem);
}
.real-estate-details .rental-charges div li{
  list-style-type: none;
  width: calc(100% / 3 - 3rem);
}
.real-estate-details .rental-charges img{
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}
.real-estate-details .charges{
  display: block;
  width: 100%;
  margin: 0 1rem;
}
.real-estate-details .charges > div{
  width: 100%;
  padding-bottom: 3rem;
}
.real-estate-details .charges div div{
  width: calc((1080px * 0.4) - 100px);
  margin: 50px auto 0 auto;
}
.real-estate-details .charges div div div p{
  text-align: center;
}
.real-estate-details .collapsed{
  display: block;
  width: 100%;
  margin: 0 1rem;
}
.real-estate-details .collapsed ul {
  list-style-type: none;
}
.real-estate-details .collapsed .row{
  display: flex;
  justify-content: space-between;
}
.real-estate-details .energy .col{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 3rem;
}
.real-estate-details .energy > div div{
  min-height: 3rem;
}
.real-estate-details .energy div div div{
  width: calc((1080px * 0.4) - 100px);
  height: calc(((1080px * 0.4) - 100px) / 2);
  border-radius: calc(((1080px * 0.4) - 100px) / 2) calc(((1080px * 0.4) - 100px) / 2) 0 0;
  margin: 50px auto 0 auto;
}
.real-estate-details .energy .dpe p, .real-estate-details .energy .ges p{
  text-align: left;
}
.real-estate-details .co-ownership{
  display: block;
  width: 100%;
  margin: 0 1rem;
}
.real-estate-details .agence{
  display: flex;
}
.real-estate-details .owner{
  width: 100%;
  padding: 0 1rem;
  margin: 2rem 0 4rem 0;
}
.real-estate-details .owner p{
  margin: 0;
}
.real-estate-details .owner div{
  display: flex;
  justify-content: space-between;
}
.real-estate-details .owner span{
  font-weight: bold;
}
.real-estate-details .views .exclusivity{
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 1rem;
  margin-bottom: 3rem;
}
.real-estate-details .views .exclusivity p{
  margin: 4px 0;
  font-size: 1.425rem;
  font-weight: bold;
}
.youtube{
  width: 480px;
  height: 270px;
  margin: 0 auto;
}

/*---------- DpeAndGes ----------*/
.dpe-container, .ges-container{
  display: flex;
  align-items: flex-end;
  width: 100%;
  margin: 1rem 0 0 0;
  padding: 0;
}
.dpe-container li, .ges-container li{
  list-style-type: none;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
}
.dpe-container li{
  color: #000;
}
.dpe-1{
  background-color: #319A31;
}
.dpe-2{
  background-color: #33CC34;
}
.dpe-3{
  background-color: #CCFF34;
}
.dpe-4{
  background-color: #FFFF00;
}
.dpe-5{
  background-color: #FFCC00;
}
.dpe-6{
  background-color: #FF9A32;
}
.dpe-7{
  background-color: #FF0000;
}
.ges-1{
  color: #000;
  background-color: #F5EDFD;
}
.ges-2{
  color: #000;
  background-color: #E0C1F7;
}
.ges-3{
  color: #000;
  background-color: #D4A8F4;
}
.ges-4{
  color: #000;
  background-color: #CA95F3;
}
.ges-5{
  color: #000;
  background-color: #BA71EE;
}
.ges-6{
  color: #000;
  background-color: #A64DEA;
}
.ges-7{
  color: #FFF;
  background-color: #8A18DE;
}
.dpe-container .selected, .ges-container .selected{
  font-size: 1.8rem;
  font-weight: 800;
}

/*---------- RealEstateSearch ----------*/
.real-estate-search{
  width: 1920px;
  margin: 5px auto;
  display: flex;
  flex-wrap: wrap;
}
.real-estate-search-details{
  padding: 5rem;
}
.real-estate-search-controller{
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.real-estate-search-details .real-estate-search-details-show{
  padding: 1rem;
  display: block;
  width: 26rem;
}
.real-estate-search a span{
  display: block;
  padding-bottom: 0.25rem;
}
.real-estate-search a .line-1{
  height: 26px;
}
.real-estate-search a .line-2{
  height: 56px;
}
.real-estate-search a .line-3{
  height: 82px;
}
.real-estate-search a .line-5{
  height: 132px;
}
.real-estate-search a .del-btn{
  margin-bottom: 1rem;
}

/*---------- RealEstateSearchCell ----------*/

/*---------- Agency ----------*/
.agency .agent-photo{
  display: block;
  margin: 1rem auto;
}
.agency a{
  text-decoration: none;
}
.agency .center{
  text-align: center;
}
.agency .agent-cell{
  padding: 2rem 0 1rem 0;
}

/*---------- AgencySearch ----------*/
.agency-search-results {
  display: flex;
  flex-wrap: wrap;
}

/*---------- Agency Locations----------*/
.agency-locations{
  display: flex;
  flex-wrap: wrap;
}
.agency-locations-cell ul{
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.agency-locations .edit-buttons{
  display: flex;
  margin-top: 1rem;
  justify-content: space-between;
}
.agency-locations .edit-buttons a, .agency-locations .edit-buttons form{
  width: 40%;
  margin: 0;
}
.agency-locations .edit-buttons .del-btn{
  width: 100%;
}

/*---------- MyAgent ----------*/
.my-agents-cells{
  display: flex;
  flex-wrap: wrap;
}

/*---------- MyAgentCell ----------*/
.my-agent-cell{
  padding: 2rem 0 1rem 0;
}
.my-agents h3{
  text-align: center;
}
.my-agent-cell .agent-photo{
  display: block;
  margin: auto;
}
.my-agent-cell .link-btn{
  margin-bottom: 1rem;
}
.my-agent-cell .profession{
  text-align: center;
}

/*---------- Researcher ----------*/
.researcher-locations{
  list-style-type: none;
  padding-left: 0;
  overflow: auto;
}
.researcher-edit > div{
  border-radius: 10px;
  padding: 1rem 2rem 2rem 2rem;
  margin: 4rem 0;
}

/*---------- Pricing ----------*/
.pack-button{
  display: flex;
  justify-content: center;
}
.pack-button p{
  border: 1px solid;
  cursor: pointer;
}

.pricing{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 6rem auto;
}
.pricing .col{
  display: flex;
  flex-direction: column;
}
.pricing h2{
  text-align: left;
}
h3.price-title{
  text-align: center;
}
.pricing .description{
  height: 76px;
}
.pricing .prices{
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.pricing .prices p{
  line-height: 40px;
}
.pricing .current-price{
  height: 96px;
}
.pricing p.current-price{
  line-height: 96px;
  margin: 0 auto;
}
.pricing .empty-p{
  margin: 0;
  width: 26px;
  height: 26px;
}
.pricing .starting_price{
  font-size: 2rem;
  font-weight: bold;
  text-align: right;
  padding-right: 0.25rem;
}
.pricing .price{
  text-align: center;
}
.pricing a{
  text-decoration: none;
}
.pricing ul{
  padding: 0;
}
.pricing li{
  list-style-type: none;
  display: flex;
  border-top: 1px solid;
  align-items: center;
}
.pricing .separator h2{
  width: 100%;
  text-align: center;
}
.pricing li .text{
  width: calc(100% - 28px - 28px - 4rem);
  margin: 1rem 2rem;
}
.pricing li img{
  display: block;
}
.pricing-modal{
  /* background-image: url("/assets/icons/modal-arrow.svg");
  background-repeat: no-repeat;
  background-position: top; */
  display: none;
  padding: 1rem;
  position: absolute;
  width: 240px;
  z-index: 10;
}

/*---------- User Forms ----------*/
.user-edit h3{
  margin-top: 4rem;
}
.user-edit .radios{
  flex-direction: column;
}
.user-edit input[type=text], .user-edit textarea{
  width: 100%;
}
.user-edit label.title{
  padding: 1rem 0 0.5rem 0;
}
.user-edit .toggle-button{
  width: 24rem;
  margin: 0 auto 1rem auto;
}

/*---------- Account ----------*/
.edit-account h2{
  margin-top: 10rem;
}

/*---------- Profile ----------*/
.agent{
  margin: 5rem auto;
}
.agent > div{
  margin-top: 4rem;
}
.agent h3{
  text-align: center;
}
.agent .profession{
  text-align: center;
}
.agent .presentation{
  display: flex;
  min-height: 240px;
}
.agent .description{
  margin: 0;
  padding-left: 2rem;
}
.agent iframe{
  display: block;
  margin: 0 auto;
}
.agent .three-last-real-estates a{
  text-decoration: none;
}
.agent .last-real-estates{
  display: flex;
  margin-bottom: 2rem;
}
.agent .last-real-estates .main-data{
  display: flex;
  flex-direction: column;
}
.agent .last-real-estates .main-data .price{
  font-size: 1.2rem;
  flex-grow: 1;
}
.agent .last-real-estates .last-update{
  margin-left: 1rem;
}
.user-photo-fade{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3000;
}
.user-photo-fade h2{
  text-align: center;
}
.user-photo-fade-container{
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3100;
}
.user-photo-fade-photos{
  display: flex;
  justify-content: space-around;
  margin: 2rem 0;
}
.user-photo-fade-btn{
  display: flex;
  justify-content: space-around;
}
.user-photo-canvas{
  display: none;
  /*width: 480px;*/
  /*height: 480px;*/
  /*border: 1px solid;*/
}

/*---------- Confirm Update ----------*/
.confirm-update{
  margin: 5rem auto;
}

/*---------- Contact Form ----------*/
.contact{
  margin: 6rem auto;
  padding: 1rem;
}
.contact label{
  padding: 1rem 0 0.125rem 0;
}
.contact input[type=text], .contact input[type=email]{
  width: calc(100% - 8px);
}
.contact input[type=checkbox]{
  margin-left: 0;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
}
.contact textarea{
  min-width: calc(100% - 8px);
  max-width: calc(100% - 8px);
  min-height: 12rem;
}
.contact button{
  margin: 2rem auto;
}
.contact .center{
  text-align: center;
}
.contact-errors{
  padding: 0;
  font-weight: 600;
  font-size: 1.3rem;
  list-style-type: none;
}

/*---------- Footer ----------*/
.footer{
  /*margin-top: 5rem;*/
  padding: 3rem 0;
}
.footer > div{
  display: flex;
  justify-content: space-around;
}
.footer ul{
  list-style-type: none;
  display: flex;
  flex-direction: column;
  padding-left: 0;
}
.footer a{
  text-decoration: none;
}

/*---------- Moderation ----------*/
.moderation{
  margin: 3rem auto;
}
.moderation textarea{
  display: block;
  margin: 3rem auto;
  min-width: 960px;
  min-height: 320px;
}