@charset "UTF-8";
@import url(reboot.css);
@import url(../fonts/fonts.css);
.hidden {
  display: none;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

::-moz-selection {
  background: #38A2E0;
  color: #FFF;
  text-shadow: none;
}

::selection {
  background: #38A2E0;
  color: #FFF;
  text-shadow: none;
}

svg:not(:root) {
  overflow: hidden;
}

*, *:before, *:after {
  box-sizing: border-box;
  transition: all 0.2s ease;
  -webkit-font-smoothing: antialiased;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #222938;
  background-color: #FFF;
}
@media all and (min-width: 1280px) {
  body.has-hero-sticky-desktop {
    margin-top: 230px;
  }
}
@media all and (min-width: 1280px) {
  body.has-hero-sticky-desktop-no-secondary {
    margin-top: 170px;
  }
}
@media all and (min-width: 1280px) {
  body.has-hero-sticky-desktop-and-bands {
    margin-top: 100px;
  }
}
@media all and (min-width: 1280px) {
  body.has-hero-sticky-desktop-and-bands-and-filters {
    margin-top: 184px;
  }
}
body.body--pagina-agent {
  background-color: #F3F6F9;
}

.controller {
  max-width: calc(100% - 50px);
  margin: 0 auto;
}
@media all and (min-width: 700px) {
  .controller {
    max-width: calc(100% - 100px);
  }
}
@media all and (min-width: 1280px) {
  .controller {
    max-width: 1170px;
    width: 100%;
  }
}

img {
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

iframe {
  transition: none !important;
}

strong {
  font-weight: 700;
}

h1,
.h1 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
}
@media all and (min-width: 700px) {
  h1,
  .h1 {
    font-size: 48px;
  }
}
@media all and (min-width: 1280px) {
  h1,
  .h1 {
    font-size: 60px;
    letter-spacing: -0.5px;
  }
}

h2,
.h2 {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
  width: 100%;
}
@media all and (min-width: 700px) {
  h2,
  .h2 {
    font-size: 32px;
  }
}

h3,
.h3 {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 700;
  margin: 0;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media all and (min-width: 700px) {
  h3,
  .h3 {
    font-size: 20px;
  }
}

label {
  font-weight: 700;
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]),
textarea,
select {
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #222938;
  background-color: #FFF;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 1px solid rgba(34, 41, 56, 0.25);
  outline: none;
  width: 100%;
  margin: 0 0 10px;
  padding: 16px 17px 14px;
  border-radius: 5px;
}
input:not([type=checkbox]):not([type=radio]):not([type=submit]).half,
textarea.half,
select.half {
  width: calc((100% - 10px) / 2);
}
input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,
textarea:focus,
select:focus {
  border: 1px solid #38A2E0;
  background-color: #FFF;
}
input:not([type=checkbox]):not([type=radio]):not([type=submit]):disabled,
textarea:disabled,
select:disabled {
  background-color: #F3F6F9;
  color: rgba(34, 41, 56, 0.6);
}

.input-and-button {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  justify-content: flex-end;
}
@media all and (min-width: 1023px) {
  .input-and-button {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.input-and-button input {
  flex: 1;
}
.input-and-button a {
  line-height: 1.5;
  padding: 12px 0 4px;
  margin-left: 15px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #FF7E01;
  font-weight: 700;
  border-radius: 5px;
  margin-top: -20px;
  font-size: 16px;
}
@media all and (min-width: 1023px) {
  .input-and-button a {
    width: auto;
    border: 1px solid #FF7E01;
    justify-content: center;
    padding: 16px 20px 14px;
    margin-top: 0;
  }
}
.input-and-button a:focus, .input-and-button a:hover {
  text-decoration: underline;
}
@media all and (min-width: 1023px) {
  .input-and-button a:focus, .input-and-button a:hover {
    text-decoration: none;
    background-color: #FF7E01;
    color: #FFF;
  }
}
.input-and-button .inline-label {
  margin-bottom: 20px;
  margin-right: 0;
  line-height: 1.5;
  padding: 16px 0 14px 17px;
  border: 1px solid rgba(34, 41, 56, 0.25);
  border-right: none;
  border-radius: 5px 0 0 5px;
  color: rgba(34, 41, 56, 0.6);
  width: auto;
  font-weight: 400;
}
.input-and-button .inline-label + input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.input-and-button .inline-label + textarea,
.input-and-button .inline-label + select {
  border-radius: 0 5px 5px 0;
  border-left: none;
  padding-left: 3px;
}

.input-and-button__inner {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
}
@media all and (min-width: 1023px) {
  .input-and-button__inner {
    width: auto;
    flex: 1;
  }
}
.input-and-button__inner .inline-label {
  margin-bottom: 0;
}
.input-and-button__inner input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.input-and-button__inner textarea,
.input-and-button__inner select {
  margin-bottom: 0 !important;
}
.input-and-button__inner:focus {
  outline: none;
}
.input-and-button__inner:focus-within .inline-label {
  border-color: #38A2E0;
}

.input-and-button--color .input-and-button__inner {
  border: 1px solid rgba(34, 41, 56, 0.25);
  border-radius: 5px;
}
.input-and-button--color input[type=color] {
  all: unset;
  box-sizing: border-box;
  height: 56px;
  padding: 5px 0 5px 10px !important;
  border: none !important;
  width: auto;
  flex: 1;
}
.input-and-button--color button {
  all: unset;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.input-and-button--color button img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.input-and-button--color button:hover {
  all: unset;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.input-and-button--color button:hover img {
  background-color: #F3F6F9;
}

.status--activ {
  color: #0AC29B;
}

.status--inactiv {
  color: #EB4733;
}

.schimba-agent {
  color: #FF7E01;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 14px;
}
.schimba-agent:focus, .schimba-agent:hover {
  text-decoration: underline;
  color: #FF7E01;
}

.form-info {
  font-size: 14px;
  margin-bottom: 14px;
  margin-top: -4px;
  width: 100%;
}
.article .form-info {
  font-size: 14px;
  margin-bottom: 14px;
  color: rgba(34, 41, 56, 0.6);
}
.form-info + label {
  margin-top: 10px;
}
@media all and (min-width: 700px) {
  .form-info + label {
    margin-top: 20px;
  }
}

.form-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 5px;
  background-color: rgba(243, 246, 249, 0.5);
  padding: 20px 25px 10px;
  margin-bottom: 25px;
}
.form-group .alti-agenti__item {
  width: 100%;
  max-width: 100%;
  padding: 5px 0 20px;
  border-radius: 0;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
}
@media all and (min-width: 700px) {
  .form-group .alti-agenti__item {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
  }
}
@media (hover: hover) {
  .form-group .alti-agenti__item:hover {
    box-shadow: none;
  }
}
.form-group .alti-agenti__item .thumb {
  margin-bottom: 10px;
  width: 110px;
  padding-bottom: 110px;
  overflow: visible;
  flex-shrink: 0;
}
@media all and (min-width: 700px) {
  .form-group .alti-agenti__item .thumb {
    margin-bottom: 0;
  }
}
.form-group .alti-agenti__item .thumb img {
  border-radius: 500px;
}
.form-group .alti-agenti__item .thumb a {
  display: block;
  position: absolute;
  z-index: 2;
  bottom: -7px;
  width: 100%;
  left: 0;
  text-align: center;
  color: #FF7E01;
  font-weight: 700;
}
.form-group .alti-agenti__item .thumb a span {
  display: inline-block;
  background-color: #FFF;
  border-radius: 50px;
  font-size: 12px;
  padding: 0 9px;
  box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
}
.form-group .alti-agenti__item + .form-info {
  margin-top: 15px;
}
.form-group .alti-agenti__nume {
  font-size: 28px;
}
@media all and (min-width: 700px) {
  .form-group .alti-agenti__nume {
    padding-right: 130px;
  }
}
.form-group .alti-agenti__anunturi {
  line-height: 1.5;
  max-width: 100%;
}
@media all and (min-width: 700px) {
  .form-group .alti-agenti__anunturi {
    padding-right: 130px;
  }
}
.form-group .schimba-agent {
  font-size: 12px;
  margin-bottom: 15px;
  position: absolute;
  display: block;
  top: 60px;
  right: 25px;
  color: #222938;
  text-decoration: underline;
  font-weight: 400;
}
.form-group .schimba-agent:hover {
  color: #FF7E01;
}

.form-group--cont-activ {
  border-radius: 20px;
  border-left: 3px solid #0AC29B;
}

.form-group--cont-inactiv {
  border-radius: 20px;
  border-left: 3px solid #EB4733;
}

.status-cont {
  position: absolute;
  right: 25px;
  top: 25px;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFF;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 8px 8px 7px;
  border-radius: 5px;
  line-height: 1;
}
.form-group--cont-activ .status-cont {
  background-color: #0AC29B;
}
.form-group--cont-inactiv .status-cont {
  background-color: #EB4733;
}

.form-rc-group {
  display: flex;
  margin-bottom: 10px;
  width: 100%;
}
.form-rc-group input {
  margin-top: 1px;
}
.form-rc-group label {
  font-weight: 400;
  flex: 1;
  margin-left: 8px;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 0;
}
.form-rc-group label a {
  color: #38A2E0;
}
.form-rc-group label a:hover {
  text-decoration: underline;
}

.multiselect {
  position: relative;
  width: 100%;
}
.multiselect input {
  background-image: url(../images/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
}
.multiselect:focus, .multiselect:focus-within {
  outline: none;
}
.multiselect:focus .multiselect-list, .multiselect:focus-within .multiselect-list {
  display: block;
}

.multiselect-list {
  display: none;
  position: absolute;
  border: 1px solid rgba(34, 41, 56, 0.25);
  border-radius: 5px;
  width: 100%;
  top: 58px;
  box-shadow: 0 1px 10px rgba(34, 41, 56, 0.15);
  max-height: 241px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 5;
  background-color: #FFF;
}
.multiselect-list .form-rc-group {
  margin: 0 !important;
  position: relative;
}
.multiselect-list .form-rc-group label {
  padding: 11px 17px 11px 42px;
  margin: 0;
}
.multiselect-list .form-rc-group input {
  position: absolute;
  top: 18px;
  left: 17px;
  margin: 0 !important;
}
.multiselect-list .form-rc-group + .form-rc-group {
  border-top: 1px solid rgba(34, 41, 56, 0.25);
}
.multiselect-list .form-rc-group:hover {
  background-color: rgba(243, 246, 249, 0.5);
}

select {
  background-image: url(../images/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
}
select.dark {
  background-image: url(../images/dropdown-arrow-white.svg);
  background-color: #222938;
  color: #FFF;
  border: none;
}

button,
input[type=submit],
.buton {
  display: inline-block;
  background-color: #38A2E0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  outline: none;
  color: #FFF;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  border-radius: 0;
  padding: 16px 35px;
  margin-top: 15px;
  letter-spacing: 1px;
  border-radius: 5px;
  cursor: pointer;
}
button:hover, button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.buton:hover,
.buton:focus {
  outline: none;
  background-color: #38A2E0;
  color: #FFF;
  box-shadow: 0 3px 5px rgba(34, 41, 56, 0.25);
  transform: translateY(-2px);
}
button.buton-delete-secondary,
input[type=submit].buton-delete-secondary,
.buton.buton-delete-secondary {
  color: #D70F64;
  background-color: #FFF;
  border: 1px solid #D70F64;
  margin-top: 40px;
}
@media all and (min-width: 700px) {
  button.buton-delete-secondary,
  input[type=submit].buton-delete-secondary,
  .buton.buton-delete-secondary {
    margin-top: 15px;
  }
}
button.buton--orange,
input[type=submit].buton--orange,
.buton.buton--orange {
  background-color: #FF7E01;
}

@media all and (min-width: 700px) {
  .button-zone {
    display: flex;
    justify-content: space-between;
  }
}

.hero {
  color: #FFF;
  background-color: #1e052e;
  position: relative;
  z-index: 100;
}
@media all and (min-width: 700px) {
  .hero::after {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    bottom: -2px;
    width: 100vw;
    height: 24.875vw;
    background-image: url(../images/section-1-bottom-shape.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -3px;
  }
}
.hero.hero-interior {
  background: linear-gradient(-90deg, #00002e 0%, #00002e 5%, #025283 28%, #025283 32%, #00002e 50%, #00002e 45%, #00002e 100%);
}
@media all and (min-width: 1280px) {
  .hero.hero-interior {
    display: none;
  }
}
.hero.hero-interior::after {
  display: none;
}
.hero.hero-homepage {
  margin-bottom: 180px;
  padding-bottom: 1px;
}
@media all and (min-width: 700px) {
  .hero.hero-homepage {
    padding-bottom: 20vw;
    margin-bottom: 30vw;
  }
}
@media all and (min-width: 1280px) {
  .hero.hero-homepage {
    padding-bottom: 20vw;
    margin-bottom: 14vw;
  }
}
@media all and (min-width: 700px) {
  .hero.hero-sticky-desktop {
    position: fixed;
    top: 0;
    width: 100%;
  }
}

.hero-text {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px 20px 25px;
}
@media all and (min-width: 700px) {
  .hero-text {
    padding: 50px 0 60px;
  }
}
@media all and (min-width: 1023px) {
  .hero-text {
    flex-wrap: nowrap;
  }
}
@media all and (min-width: 1280px) {
  .hero-text {
    padding: 100px 0 45px;
  }
}
@media all and (min-width: 1600px) {
  .hero-text {
    margin: 1vw auto 0.5vw;
  }
}
.hero-text h1,
.hero-text .h1 {
  margin: 0 0 5px;
}
@media all and (min-width: 700px) {
  .hero-text h1,
  .hero-text .h1 {
    font-size: 60px;
  }
}
@media all and (min-width: 1600px) {
  .hero-text h1,
  .hero-text .h1 {
    margin: 0 0 13px;
    font-size: 4.15vw;
  }
}
.hero-text p {
  line-height: 1.3;
}
@media all and (min-width: 1600px) {
  .hero-text p {
    font-size: 1.25vw;
  }
}
.hero-text div {
  max-width: 500px;
}
@media all and (min-width: 700px) {
  .hero-text div {
    max-width: none;
  }
}
.hero-text div.hero-left {
  width: 100%;
  color: #38A2E0;
  text-align: center;
}
@media all and (min-width: 1023px) {
  .hero-text div.hero-left {
    text-align: right;
    margin-right: 5px;
    width: 470px;
  }
}
@media all and (min-width: 1600px) {
  .hero-text div.hero-left {
    width: 34vw;
  }
}
.hero-text div.hero-left p {
  color: #38A2E0;
}
.hero-text div.hero-right {
  width: 100%;
  color: #FFF;
  text-align: center;
}
@media all and (min-width: 1023px) {
  .hero-text div.hero-right {
    margin-left: 10px;
    text-align: left;
    width: 310px;
  }
}
@media all and (min-width: 1600px) {
  .hero-text div.hero-right {
    width: 25vw;
  }
}
.hero-text div.hero-right p {
  color: rgba(255, 255, 255, 0.8);
}
@media all and (min-width: 1280px) {
  .hero-text div.hero-right p {
    padding-right: 20px;
  }
}

.hero-form {
  position: relative;
  z-index: 2;
}
.hero-form form {
  margin: 0 25px;
}
@media all and (min-width: 700px) {
  .hero-form form {
    display: flex;
    width: 87%;
    align-items: flex-end;
    margin: 0 auto;
  }
}
@media all and (min-width: 1023px) {
  .hero-form form {
    width: 640px;
  }
}
.hero-form label {
  margin-bottom: 5px;
}
.hero-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.hero-form textarea,
.hero-form select {
  margin-bottom: 0;
  border: none;
  padding: 12px 18px 11px;
}
@media all and (min-width: 1023px) {
  .hero-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
  .hero-form textarea,
  .hero-form select {
    font-size: 22px;
  }
}
.hero-form input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,
.hero-form textarea:focus,
.hero-form select:focus {
  background-color: #F3F6F9;
}
.hero-form button,
.hero-form input[type=submit],
.hero-form .buton {
  text-transform: none;
  letter-spacing: 0;
  padding: 12px 28px 11px;
  width: 100%;
  font-size: 18px;
}
@media all and (min-width: 700px) {
  .hero-form button,
  .hero-form input[type=submit],
  .hero-form .buton {
    width: auto;
  }
}
@media all and (min-width: 1023px) {
  .hero-form button,
  .hero-form input[type=submit],
  .hero-form .buton {
    font-size: 22px;
  }
}
.hero-form button:hover, .hero-form button:focus,
.hero-form input[type=submit]:hover,
.hero-form input[type=submit]:focus,
.hero-form .buton:hover,
.hero-form .buton:focus {
  background-color: #38A2E0;
  transform: none;
}
.hero-form .form-li-group {
  width: 100%;
  margin-bottom: 20px;
}
@media all and (min-width: 700px) {
  .hero-form .form-li-group {
    margin-bottom: 0;
    width: auto;
    flex: 1;
    margin-right: 5px;
  }
}

.hero-video {
  padding: 30px 0 0;
  margin: 50px auto -90px;
  position: relative;
  z-index: 5;
}
@media all and (min-width: 700px) {
  .hero-video {
    margin: 70px auto -34vw;
    width: 70vw;
  }
}
@media all and (min-width: 1280px) {
  .hero-video {
    padding: 3vw 2.4vw 0 1.4vw;
    margin: 80px auto -24vw;
    width: 44vw;
  }
}

.hero-video-shape {
  position: absolute;
  width: calc(100% - 20px);
  top: 0;
  left: 10px;
}
@media all and (min-width: 700px) {
  .hero-video-shape {
    width: 100%;
  }
}
.hero-video-shape img {
  width: 100%;
}

.hero-video-container {
  position: relative;
  width: calc(100vw - 50px);
  height: calc((100vw - 50px) * 9 / 16);
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden;
}
@media all and (min-width: 700px) {
  .hero-video-container {
    width: 70vw;
    height: 39vw;
  }
}
@media all and (min-width: 1280px) {
  .hero-video-container {
    width: 41vw;
    height: 23vw;
    margin: 0;
  }
}
.hero-video-container iframe {
  width: calc(100vw - 50px);
  height: calc((100vw - 50px) * 9 / 16);
}
@media all and (min-width: 700px) {
  .hero-video-container iframe {
    width: 70vw;
    height: 39vw;
  }
}
@media all and (min-width: 1280px) {
  .hero-video-container iframe {
    width: 41vw;
    height: 23vw;
  }
}

.logo {
  display: block;
}
.logo img {
  width: 115px;
  height: 49px;
}
@media all and (min-width: 700px) {
  .logo img {
    width: 244px;
    height: 48px;
  }
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 18px 8px 22px;
  position: relative;
}
@media all and (min-width: 700px) {
  .header {
    padding: 15px 50px 12px 50px;
  }
}
@media all and (min-width: 1280px) {
  .header {
    padding: 16px 25px;
  }
}
.header.header-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 105;
  border-radius: 0 0 0 30px;
}
.header.header-sticky + .hero-content {
  padding-top: 80px;
}
@media all and (min-width: 700px) {
  .header.header-sticky + .hero-content {
    padding-top: 100px;
  }
}
.header .grup-header__wrapper {
  display: block;
}
@media all and (min-width: 1280px) {
  .header .grup-header__wrapper {
    display: none;
  }
}
.header .grup-header__wrapper .controller {
  max-width: 100%;
  padding-top: 12px;
}
.header .grup-header__wrapper--pro {
  background-color: transparent;
  box-shadow: none;
}
.header .grup-header__text {
  width: 100%;
  position: relative;
}
.header .grup-header__text::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -10px;
  right: -10px;
  height: 1px;
  opacity: 0.4;
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 10%, #FFFFFF 90%, rgba(255, 255, 255, 0) 100%);
}
.header .grup-header__title {
  font-size: 18px;
  margin-bottom: 24px;
}
.header .avatar-grup-pro {
  margin-bottom: 18px;
}
.header .powered {
  flex-wrap: wrap;
  justify-content: center;
}
.header .powered img {
  margin: 0 10px;
}
.header .powered span {
  display: block;
  width: 100%;
  margin-bottom: 6px;
}

.mobile-menu-trigger {
  display: flex;
  align-items: center;
  margin-bottom: 1px;
}
@media all and (min-width: 700px) {
  .mobile-menu-trigger {
    margin-right: -15px;
  }
}
@media all and (min-width: 1280px) {
  .mobile-menu-trigger {
    display: none;
  }
}

.mobile-menu-icon {
  display: flex;
  align-items: center;
  position: relative;
}

#close-icon {
  display: none;
}

.main-menu {
  list-style-type: none;
  display: none;
  align-items: center;
  position: absolute;
  top: 67px;
  right: 0;
  width: 100%;
  flex-wrap: wrap;
  background-color: #38A2E0;
  padding: 15px 25px 35px 25px;
  z-index: 100;
  background: linear-gradient(-90deg, #091F3F 0%, #1D0922 100%);
}
@media all and (min-width: 700px) {
  .main-menu {
    padding: 25px 25px 35px 25px;
    max-width: 320px;
    top: 78px;
  }
}
@media all and (min-width: 1280px) {
  .main-menu {
    display: flex;
    position: static;
    width: auto;
    flex-wrap: nowrap;
    background: none;
    background-color: transparent;
    padding: 0;
    max-width: none;
    margin-top: 48px;
    flex: 1;
    margin-left: 95px;
  }
}
.main-menu li {
  position: relative;
}
.main-menu li a {
  display: block;
  padding: 20px 10px 19px;
  font-weight: 700;
  line-height: 1.1;
  border-radius: 5px;
  color: #FFF;
  text-shadow: 0 1px 0 rgba(34, 41, 56, 0.25);
}
@media all and (min-width: 1280px) {
  .main-menu li a {
    padding: 15px 15px 14px;
    font-size: 16px;
  }
}
@media all and (min-width: 1400px) {
  .main-menu li a {
    padding: 15px 22px 14px;
    font-size: 18px;
  }
}
.main-menu li.text-link {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  position: relative;
}
@media all and (min-width: 1280px) {
  .main-menu li.text-link {
    width: auto;
    border-bottom: none;
  }
}
@media all and (min-width: 1280px) {
  .main-menu li.mobile-link {
    display: none;
  }
}
.main-menu li.mobile-link img {
  vertical-align: middle;
  width: 36px;
  height: 36px;
  margin: -12px -5px -9px -9px;
}
.main-menu li.text-link--special {
  margin-right: auto;
  border-bottom: none;
}
.main-menu li.text-link--special > a {
  background-color: #FF7E01;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media all and (min-width: 1280px) {
  .main-menu li.text-link--special > a {
    color: #FF7E01;
    background-color: transparent;
  }
}
@media (hover: hover) {
  .main-menu li.text-link--special > a:hover {
    color: #FFF;
    background-color: #FF7E01;
  }
}
.main-menu li.text-link--special + .secondary-link {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.main-menu li.secondary-link a {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}
.main-menu li.icon-link {
  margin-left: 0;
  margin-top: 15px;
  margin-bottom: 25px;
  display: none;
  position: relative;
}
@media all and (min-width: 1280px) {
  .main-menu li.icon-link {
    margin-left: 24px;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }
}
.main-menu li.icon-link > a {
  padding: 2px;
  position: relative;
  border-radius: 100px;
}
.main-menu li.icon-link + .icon-link {
  margin-left: 10px;
}
@media all and (min-width: 1280px) {
  .main-menu li.icon-link + .button-like {
    margin-left: 30px;
    width: 170px;
  }
}
@media all and (min-width: 1400px) {
  .main-menu li.icon-link + .button-like {
    width: 220px;
  }
}
.main-menu li.icon-link.icon-contul-meu {
  display: block;
  margin-left: -5px;
}
@media all and (min-width: 1280px) {
  .main-menu li.icon-link.icon-contul-meu {
    margin-left: 10px;
  }
}
.main-menu li.icon-link.icon-contul-meu > a {
  display: flex;
  align-items: center;
}
@media all and (min-width: 1280px) {
  .main-menu li.icon-link.icon-contul-meu > a {
    font-size: 0;
    background-color: #38A2E0;
    margin-left: 30px;
  }
}
.main-menu li.icon-link.icon-contul-meu .sub-menu {
  padding-left: 5px;
}
@media all and (min-width: 1280px) {
  .main-menu li.icon-link.icon-contul-meu .sub-menu {
    margin-left: 30px;
    padding-left: 0;
    right: 0;
    border-radius: 2px;
  }
}
@media all and (min-width: 1280px) {
  .main-menu li.icon-link.icon-contul-meu + .button-like {
    margin-left: 10px;
  }
}
.main-menu li.icon-link.icon-contul-meu.user-logat > a {
  padding-left: 12px;
  margin-bottom: 15px;
}
@media all and (min-width: 1280px) {
  .main-menu li.icon-link.icon-contul-meu.user-logat > a {
    margin-bottom: 0;
    padding: 8px 38px 8px 8px;
    background-color: transparent;
    background-image: url(../images/dropdown-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
  }
}
.main-menu li.icon-link.icon-contul-meu.user-logat > a .thumb {
  width: 38px;
  padding-bottom: 38px;
  border-radius: 200px;
}
.main-menu li.icon-link.icon-contul-meu.user-logat > a span {
  display: inline-block;
  margin-left: 8px;
}
@media all and (min-width: 1280px) {
  .main-menu li.icon-link.icon-contul-meu.user-logat > a span {
    margin-left: 15px;
    font-weight: 400;
    font-size: 16px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.main-menu li.button-like {
  width: 100%;
}
@media all and (min-width: 1280px) {
  .main-menu li.button-like {
    width: auto;
  }
}
.main-menu li.button-like a {
  background-color: #38A2E0;
  text-transform: uppercase;
  font-size: 16px;
  padding: 16px 20px 15px;
  letter-spacing: 1px;
  color: #FFF;
  text-align: center;
}
@media (hover: hover) {
  .main-menu li:hover > a {
    background-color: #38A2E0;
    color: #FFF;
  }
  .main-menu li:hover .sub-menu {
    opacity: 1;
    pointer-events: auto;
  }
  .main-menu li:hover .main-menu__submenu {
    opacity: 1;
    pointer-events: auto;
  }
}

.main-menu__submenu {
  display: none;
}
@media all and (min-width: 1280px) {
  .main-menu__submenu {
    display: flex;
    opacity: 0;
    pointer-events: none;
    flex-direction: column;
    position: absolute;
    background-color: #FFF;
    top: 39px;
    left: 0;
    border-radius: 5px;
    box-shadow: 0 10px 15px rgba(34, 41, 56, 0.25), 0 0 0 1px rgba(34, 41, 56, 0.1);
    overflow: hidden;
  }
}
.main-menu li .main-menu__submenu a {
  color: #222938;
  text-shadow: none;
  font-size: 15px;
  padding: 11px 50px 10px 15px;
  font-weight: 400;
  border-radius: 0;
}
@media (hover: hover) {
  .main-menu li .main-menu__submenu a:hover {
    background-color: #38A2E0;
    color: #FFF;
  }
}
.main-menu li .main-menu__submenu a.main-menu__submenu__secondary-link {
  text-transform: uppercase;
  font-size: 12px;
  color: #38A2E0;
  font-weight: 700;
  letter-spacing: 1px;
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  padding-bottom: 12px;
}
@media (hover: hover) {
  .main-menu li .main-menu__submenu a.main-menu__submenu__secondary-link:hover {
    background-color: #38A2E0;
    color: #FFF;
  }
}

.secondary-menu {
  display: none;
}
@media all and (min-width: 1280px) {
  .secondary-menu {
    display: flex;
    position: absolute;
    height: 20px;
    left: 330px;
    right: 55px;
    top: 0;
    font-size: 14px;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.8);
  }
}
.secondary-menu a:hover {
  color: #FFF;
}

.secondary-menu__left {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 0 0 25px;
}
.secondary-menu__left span {
  color: #FF7E01;
}

.secondary-menu__right {
  list-style-type: none;
  margin: 0;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 0 0 25px;
  margin-right: 5px;
  margin-left: auto;
}
.secondary-menu__right li a.text-link--special {
  color: #FF7E01;
  font-weight: 700;
}
.secondary-menu__right li a img {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -2px;
}
.secondary-menu__right li + li {
  margin-left: 25px;
}
@media (hover: hover) {
  .secondary-menu__right li:hover .contul-meu-menu {
    opacity: 1;
    pointer-events: auto;
  }
}

.contul-meu-menu {
  width: 100%;
  font-size: 16px;
  padding-top: 8px;
}
@media all and (min-width: 1280px) {
  .contul-meu-menu {
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 100;
    background-color: #FFF;
    color: #222938;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
    padding: 15px 20px;
    width: 180px;
    right: 0;
    top: 25px;
  }
}
@media all and (min-width: 1280px) {
  .contul-meu-menu::before {
    content: "";
    display: block;
    position: absolute;
    height: 30px;
    top: -30px;
    right: 0;
    left: 0;
  }
}
.contul-meu-menu a {
  display: block;
  padding: 2px 0 2px 25px;
  position: relative;
}
@media all and (min-width: 1280px) {
  .contul-meu-menu a {
    padding: 2px 0;
  }
}
.contul-meu-menu a::before {
  content: "»";
  position: absolute;
  margin-left: -20px;
}
@media all and (min-width: 1280px) {
  .contul-meu-menu a::before {
    display: none;
  }
}
@media (hover: hover) {
  .contul-meu-menu a:hover {
    color: #38A2E0;
  }
}
.contul-meu-menu hr {
  opacity: 0.25;
}

.sub-menu {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  padding-bottom: 17px;
  margin-top: -5px;
}
@media all and (min-width: 1280px) {
  .sub-menu {
    position: absolute;
    background-color: #38A2E0;
    width: 250px;
    display: block;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 1px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    opacity: 0;
    pointer-events: none;
  }
}
.sub-menu li::after {
  content: "•";
  display: inline;
  color: rgba(255, 255, 255, 0.5);
}
@media all and (min-width: 1280px) {
  .sub-menu li::after {
    display: none;
  }
}
.sub-menu li:last-child::after {
  display: none;
}
.sub-menu li a {
  font-weight: 700;
  padding: 5px 10px 4px;
  display: inline-block;
  color: #FFF;
  border-radius: 0;
  text-shadow: 0 1px 0 rgba(34, 41, 56, 0.25);
}
@media all and (min-width: 1280px) {
  .sub-menu li a {
    width: 100%;
    padding: 10px 22px 9px;
  }
}
.sub-menu li.logout {
  border-top: 1px dashed rgba(255, 255, 255, 0.5);
  display: block;
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-top: 12px;
}
@media all and (min-width: 1280px) {
  .sub-menu li.logout {
    width: 100%;
    margin-left: 0;
    padding-top: 12px;
  }
}
.sub-menu li.logout a {
  display: block;
  padding: 10px 0 9px;
}
@media all and (min-width: 1280px) {
  .sub-menu li.logout a {
    padding: 10px 22px 9px;
  }
}
@media (hover: hover) {
  .sub-menu li:hover > a {
    color: #FFF;
    box-shadow: none;
    background-color: #1e052e;
  }
}

.nr-favorite {
  position: absolute;
  top: 3px;
  right: -1px;
  background-color: #FF7E01;
  border-radius: 100px;
  font-size: 10px;
  padding: 1px 4px;
  pointer-events: none;
  min-width: 17px;
  text-align: center;
  line-height: 1.5;
  font-weight: 700;
  color: #000;
  text-shadow: none;
}

.breadcrumbs {
  list-style-type: none;
  display: flex;
  font-weight: 700;
  color: rgba(34, 41, 56, 0.5);
  font-size: 0;
  margin-bottom: 0;
  padding: 0;
  flex-wrap: wrap;
  height: 0;
  overflow: hidden;
}
@media all and (min-width: 700px) {
  .breadcrumbs {
    font-size: 14px;
    margin-bottom: 10px;
    height: auto;
    overflow: visible;
  }
}
.breadcrumbs a {
  box-shadow: none !important;
  color: rgba(34, 41, 56, 0.5) !important;
  padding: 8px 0;
  position: relative;
  z-index: 2;
}
@media (hover: hover) {
  .breadcrumbs a:hover {
    border-color: rgba(34, 41, 56, 0.5) !important;
    color: #38A2E0 !important;
  }
}
.breadcrumbs li {
  position: relative;
}
.breadcrumbs li::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  z-index: 1;
  pointer-events: none;
}
.breadcrumbs li::after {
  content: "»";
  margin: 0 8px;
}
.breadcrumbs li:last-child::after {
  display: none;
}
.breadcrumbs li:hover::before {
  pointer-events: auto;
}
.breadcrumbs li:hover .breadcrumbs__lvl2 {
  opacity: 1;
  pointer-events: auto;
}
.breadcrumbs li.back-to-listing::after {
  display: none;
}
.breadcrumbs li.back-to-listing a {
  display: flex;
  margin-top: -5px;
  align-items: center;
  color: #38A2E0;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  background-color: #F3F6F9;
  border: 1px solid rgba(56, 162, 224, 0);
  padding: 8px 10px;
  margin-right: 15px;
  border-radius: 5px;
}
@media (hover: hover) {
  .breadcrumbs li.back-to-listing a:hover {
    border-color: #38A2E0 !important;
  }
}
.breadcrumbs li.back-to-listing a img {
  margin-right: 6px;
  width: 10px;
}
.breadcrumbs li.back-to-listing a span {
  line-height: 1;
  padding-top: 1px;
  color: #38A2E0;
}

.breadcrumbs--proprietate {
  margin: -20px 0 -15px;
}
@media all and (min-width: 1280px) {
  .breadcrumbs--proprietate {
    margin-bottom: -10px;
  }
}

.breadcrumbs__lvl2 {
  position: absolute;
  left: -5px;
  top: 35px;
  background-color: #FFF;
  border: 1px solid #F3F6F9;
  z-index: 10;
  font-size: 14px;
  list-style-type: none;
  box-shadow: 0 2px 10px rgba(34, 41, 56, 0.15);
  width: 250px;
  opacity: 0;
  pointer-events: none;
}
.breadcrumbs__lvl2 li::after {
  display: none;
}
.breadcrumbs__lvl2 li + li {
  border-top: 1px solid rgba(34, 41, 56, 0.1);
}
.breadcrumbs__lvl2 a {
  display: block;
  padding: 8px 12px;
}
@media (hover: hover) {
  .breadcrumbs__lvl2 a:hover {
    background-color: #F3F6F9;
  }
}

.article {
  margin-top: 25px;
  margin-bottom: 50px;
}
@media all and (min-width: 700px) {
  .article {
    margin-top: 40px;
  }
}
@media all and (min-width: 1280px) {
  .article {
    margin-top: 50px;
    margin-bottom: 80px;
  }
}
@media all and (min-width: 1280px) {
  .article .controller > .exclusiv-mls {
    display: none;
  }
}
.article h1,
.article .h1 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 25px;
}
@media all and (min-width: 700px) {
  .article h1,
  .article .h1 {
    font-size: 32px;
    margin-bottom: 35px;
  }
}
@media all and (min-width: 1280px) {
  .article h1,
  .article .h1 {
    font-size: 38px;
  }
}
.article h1 + .zona-proprietate,
.article .h1 + .zona-proprietate {
  margin-top: -10px;
}
@media all and (min-width: 700px) {
  .article h1 + .zona-proprietate,
  .article .h1 + .zona-proprietate {
    margin-top: -25px;
  }
}
.article h2,
.article .h2 {
  color: #38A2E0;
  margin: 40px 0 25px;
  border-bottom: 3px dotted #38A2E0;
  padding-bottom: 8px;
}
@media all and (min-width: 700px) {
  .article h2,
  .article .h2 {
    margin: 50px 0 30px;
  }
}
.article h2 + iframe,
.article h2 + video,
.article .h2 + iframe,
.article .h2 + video {
  margin-top: 0;
}
.article h3,
.article .h3 {
  margin-bottom: 12px;
}
.article p {
  font-size: 18px;
  margin-bottom: 25px;
  color: #222938;
}
@media all and (min-width: 700px) {
  .article p {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.article p.data-articol {
  opacity: 0.5;
  font-size: 16px;
}
.article .zona-proprietate {
  font-size: 16px;
  margin-bottom: 18px;
}
@media all and (min-width: 700px) {
  .article .zona-proprietate {
    margin-bottom: 25px;
  }
}
.article ol,
.article ul:not(.breadcrumbs):not(.breadcrumbs__lvl2):not(.share-buttons-list):not(.pagination):not(.taburi-listing__list):not(.card-text-detalii):not(.sitemap__list) {
  font-size: 18px;
  margin-bottom: 25px;
  color: #222938;
  padding-left: 30px;
}
@media all and (min-width: 700px) {
  .article ol,
  .article ul:not(.breadcrumbs):not(.breadcrumbs__lvl2):not(.share-buttons-list):not(.pagination):not(.taburi-listing__list):not(.card-text-detalii):not(.sitemap__list) {
    font-size: 20px;
    margin-bottom: 30px;
    padding-left: 50px;
  }
}
.article p a,
.article ol a,
.article ul a,
.article h2 a,
.article .h2 a,
.article h3 a,
.article .h3 a,
.article .citat a {
  color: #38A2E0;
  box-shadow: 0 1px 0 #38A2E0, inset 0 0 0 #38A2E0;
}
@media (hover: hover) {
  .article p a:hover,
  .article ol a:hover,
  .article ul a:hover,
  .article h2 a:hover,
  .article .h2 a:hover,
  .article h3 a:hover,
  .article .h3 a:hover,
  .article .citat a:hover {
    box-shadow: 0 1px 0 #38A2E0, inset 0 -2px 0 #38A2E0;
  }
}
.article iframe,
.article embed,
.article video {
  width: 100vw;
  height: 56.25vw;
  margin-top: 5px;
  margin-bottom: 25px;
  margin-left: -25px;
}
@media all and (min-width: 700px) {
  .article iframe,
  .article embed,
  .article video {
    margin-left: -50px;
    margin-bottom: 40px;
    margin-top: 30px;
  }
}
@media all and (min-width: 1280px) {
  .article iframe,
  .article embed,
  .article video {
    width: 100%;
    height: 433px;
    margin-left: 0;
  }
}
.article table {
  font-size: 15px;
  width: 100%;
  color: #222938;
}
.article table td {
  border-bottom: 1px solid rgba(34, 41, 56, 0.2);
  padding: 8px 0;
  width: 50%;
  line-height: 1.2;
}
@media all and (min-width: 700px) {
  .article table td {
    padding: 11px 0;
  }
}
.article table td.nume-detaliu {
  padding-right: 10px;
}
.article table td.valoare-detaliu {
  padding-left: 10px;
  text-align: right;
  font-weight: 700;
}
@media all and (min-width: 700px) {
  .article table.doua-coloane tbody {
    display: block;
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 30px;
         column-gap: 30px;
    width: 100%;
  }
}
@media all and (min-width: 700px) {
  .article table.doua-coloane tr {
    display: flex;
    width: 100%;
  }
}
.article table.ne-tabel {
  display: block;
  padding-top: 15px;
}
.article table.ne-tabel thead,
.article table.ne-tabel th,
.article table.ne-tabel tbody {
  display: block;
}
.article table.ne-tabel tr,
.article table.ne-tabel td {
  display: inline;
  border-bottom: none;
}
.article table.ne-tabel th {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  width: 100%;
  border-bottom: 1px solid rgba(34, 41, 56, 0.2);
  padding-bottom: 6px;
  margin-bottom: 4px;
}
.article table.ne-tabel td:first-child {
  text-transform: uppercase;
}
.article table.ne-tabel td:first-child::after {
  content: ":";
}
.article table.ne-tabel tr + tr::before {
  content: ";";
}
.article table.ne-tabel + .ne-tabel {
  margin-top: 10px;
}
.article + .listing-agenti {
  margin-top: -50px;
}

.user-container .controller {
  width: calc(100% - 50px);
  max-width: 700px;
}
.user-container input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.user-container textarea,
.user-container select {
  margin-bottom: 20px;
}
.user-container .form-rc-group {
  margin-bottom: 15px;
}
.user-container .form-rc-group input {
  margin-top: 5px;
}
.user-container .form-rc-group label {
  font-size: 18px;
}

.pagina-agent-container .controller {
  width: calc(100% - 50px);
}
@media all and (min-width: 700px) {
  .pagina-agent-container .controller {
    width: calc(100% - 160px);
    max-width: 1000px;
  }
}
.pagina-agent-container h1,
.pagina-agent-container h2 {
  text-align: center;
  font-size: 28px;
}
@media all and (min-width: 700px) {
  .pagina-agent-container h1,
  .pagina-agent-container h2 {
    font-size: 38px;
    letter-spacing: -0.5px;
  }
}
@media all and (min-width: 1023px) {
  .pagina-agent-container h1,
  .pagina-agent-container h2 {
    padding: 0 50px;
  }
}
.pagina-agent-container h2 {
  border: none;
  color: #222938;
}
@media all and (min-width: 1023px) {
  .pagina-agent-container h2 {
    margin-bottom: 40px;
  }
}
.pagina-agent-container h3 {
  text-transform: none;
  letter-spacing: 0;
  color: #222938;
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.mesaj-agent {
  background-color: #FFF;
  border-radius: 15px;
  padding: 20px;
  text-align: center;
}
@media all and (min-width: 700px) {
  .mesaj-agent {
    padding: 40px 50px;
  }
}
@media all and (min-width: 1023px) {
  .mesaj-agent {
    padding: 50px 80px;
  }
}
@media all and (min-width: 1280px) {
  .mesaj-agent {
    padding: 50px 130px;
  }
}
.mesaj-agent p {
  margin-bottom: 20px;
}
.mesaj-agent .buton {
  margin-bottom: 0;
  margin-top: 5px;
  width: 100%;
  text-align: center;
}
@media all and (min-width: 700px) {
  .mesaj-agent .buton {
    width: auto;
    margin-top: 15px;
    margin-bottom: 10px;
  }
}
.mesaj-agent .buton + .buton {
  margin-bottom: 5px;
}
@media all and (min-width: 700px) {
  .mesaj-agent .buton + .buton {
    margin-left: 10px;
  }
}

.mesaj-agent__buttons {
  text-align: center;
}

@media all and (min-width: 700px) {
  .avantaj-agent {
    padding-top: 30px;
    text-align: center;
  }
}
@media all and (min-width: 1023px) {
  .avantaj-agent {
    padding-top: 0;
    text-align: left;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
}
.avantaj-agent img {
  margin-bottom: 20px;
  width: 100%;
  height: auto;
}
@media all and (min-width: 700px) {
  .avantaj-agent img {
    margin-bottom: 30px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media all and (min-width: 1023px) {
  .avantaj-agent img {
    margin-bottom: 0;
    margin-left: 56px;
    width: 45%;
  }
}
@media all and (min-width: 1280px) {
  .avantaj-agent img {
    width: 434px;
  }
}
@media all and (min-width: 1023px) {
  .avantaj-agent + .avantaj-agent {
    margin-top: -30px;
  }
}

@media all and (min-width: 1280px) {
  .avantaj-agent__inner {
    padding-left: 20px;
  }
}

.avantaj-agent--align-right {
  flex-direction: row;
}
@media all and (min-width: 1023px) {
  .avantaj-agent--align-right img {
    margin-left: 0;
    margin-right: 56px;
  }
}
@media all and (min-width: 1280px) {
  .avantaj-agent--align-right .avantaj-agent__inner {
    padding-left: 0;
    padding-right: 20px;
  }
}

.da-nu-wrapper {
  margin-bottom: 20px;
}
.da-nu-wrapper > * {
  width: 100%;
}
.da-nu-wrapper + .form-rc-group {
  margin-top: 30px;
}

.da-nu-wrapper__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  align-items: flex-start;
}
.da-nu-wrapper__inner input[type=radio] {
  display: none;
}
.da-nu-wrapper__inner input[type=radio]:checked + label {
  background-color: #FF7E01;
  color: #FFF;
}
.da-nu-wrapper__inner input[type=radio]:checked + label + .da-nu-compania {
  display: block;
}
.da-nu-wrapper__inner > label {
  padding: 15px 0 13px;
  border-radius: 5px;
  background-color: #F3F6F9;
  border: 1px solid #F3F6F9;
  text-align: center;
  width: calc(50% - 5px);
  font-weight: 400;
  cursor: pointer;
}
.da-nu-wrapper__inner > label:hover {
  border: 1px solid #FF7E01;
}
.da-nu-wrapper__inner > label.anunt-option {
  width: calc(50% - 5px);
}
@media all and (min-width: 1280px) {
  .da-nu-wrapper__inner > label.anunt-option {
    width: calc(25% - 5px);
  }
}

.da-nu-compania {
  display: none;
  width: 100%;
  order: 2;
  margin-top: 15px;
  background-color: #F3F6F9;
  padding: 22px 25px 15px;
  border-radius: 5px;
}
@media all and (min-width: 1280px) {
  .da-nu-compania {
    padding: 25px 30px;
  }
}
.da-nu-compania .user-photo__buttons {
  margin-bottom: 12px;
}
.da-nu-compania .user-photo__buttons .buton {
  text-transform: none;
  letter-spacing: 0;
  background-color: #FFF;
  font-size: 15px;
  line-height: 1.2;
  padding: 18px 20px;
}
@media all and (min-width: 700px) {
  .da-nu-compania .user-photo__buttons .buton {
    font-size: 18px;
  }
}
.da-nu-compania .user-photo__buttons .buton--sec {
  border-color: transparent;
  background-color: transparent;
}

.da-nu-compania--visible {
  display: block;
  margin-top: 0 !important;
}

.da-nu-compania__titlu {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px;
  border-bottom: 3px dotted #FF7E01;
  color: #FF7E01;
  padding-bottom: 3px;
}
@media all and (min-width: 1280px) {
  .da-nu-compania__titlu {
    margin-bottom: 25px;
  }
}
.da-nu-compania__titlu:not(:first-child) {
  margin-top: 12px;
}

.disclaimer .da-nu-wrapper {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.disclaimer .da-nu-compania {
  padding: 0;
  text-align: left;
}
@media all and (min-width: 1280px) {
  .disclaimer .da-nu-compania {
    position: relative;
  }
}
@media all and (min-width: 1280px) {
  .disclaimer .da-nu-compania::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    bottom: auto;
    top: -24px;
    height: 1px;
    background-color: rgba(34, 41, 56, 0.25);
  }
}
.disclaimer .da-nu-wrapper__inner {
  justify-content: center;
}
.disclaimer .da-nu-wrapper__inner > label {
  border: none;
  font-size: 16px;
}
@media (hover: hover) {
  .disclaimer .da-nu-wrapper__inner > label:hover {
    color: #FF7E01;
    border: none;
  }
}
.disclaimer .da-nu-wrapper__inner > label.anunt-option {
  background-color: transparent;
  font-weight: 700;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 rgba(34, 41, 56, 0.25);
  width: 50%;
  z-index: 1;
}
@media all and (min-width: 1280px) {
  .disclaimer .da-nu-wrapper__inner > label.anunt-option {
    width: auto;
    padding: 15px 25px 13px;
    margin-left: 0;
    box-shadow: none;
  }
}
@media all and (min-width: 1280px) {
  .disclaimer .da-nu-wrapper__inner > label.anunt-option:first-of-type {
    margin-left: 0;
  }
}
.disclaimer .da-nu-wrapper__inner input[type=radio]:checked + label.anunt-option {
  background-color: transparent;
  box-shadow: inset 0 -3px 0 #FF7E01;
  color: #FF7E01;
}
.disclaimer .text-seo {
  margin-bottom: 30px;
  background-image: url(../images/megaphone.svg);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center 0;
  padding-top: 60px;
  text-align: center;
}
@media all and (min-width: 1280px) {
  .disclaimer .text-seo {
    margin-bottom: 50px;
  }
}

.seo-block {
  font-size: 14px;
  margin-bottom: 20px;
}
@media all and (min-width: 1280px) {
  .seo-block {
    width: 30%;
  }
}
.seo-block span {
  display: block;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 3px;
}
.seo-block a {
  display: block;
  padding: 3px 0;
}
@media (hover: hover) {
  .seo-block a:hover {
    text-decoration: underline;
  }
}

.seo-wrapper {
  padding: 5px 2px 0;
}
@media all and (min-width: 1280px) {
  .seo-wrapper {
    padding: 10px 2px 0;
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.disclaimer__item .seo-wrapper p {
  margin-bottom: 20px;
}
@media (hover: hover) {
  .disclaimer__item .seo-wrapper p a:hover {
    text-decoration: underline;
  }
}

@media all and (min-width: 1280px) {
  .seo-wrapper--links {
    -moz-column-count: unset;
         column-count: unset;
    -moz-column-gap: unset;
         column-gap: unset;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.disclaimer__item .seo-wrapper--links p {
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
@media all and (min-width: 1280px) {
  .disclaimer__item .seo-wrapper--links p {
    width: 30%;
  }
}

.parola-uitata {
  text-align: right;
  margin-top: -10px;
}
.parola-uitata a {
  display: inline-block;
  margin: 0 0 20px;
  color: #38A2E0;
  border-bottom: 1px solid #FFF;
}
@media (hover: hover) {
  .parola-uitata a:hover {
    border-bottom: 1px solid #38A2E0;
  }
}

.listings-title {
  margin-bottom: 0;
  position: relative;
  z-index: 50;
  background-color: #FFF;
  margin-top: 0;
  padding-top: 25px;
  padding-bottom: 20px;
}
@media all and (min-width: 1280px) {
  .listings-title {
    margin-top: 50px;
    padding: 0;
  }
}
@media all and (min-width: 1280px) {
  .listings-title .controller {
    max-width: calc(100% - 110px);
  }
}
.listings-title h1,
.listings-title .h1 {
  margin-bottom: 0;
}
@media all and (min-width: 1280px) {
  .listings-title h1,
  .listings-title .h1 {
    margin-bottom: 10px;
  }
}
.listings-title .title-separator {
  display: none;
}
@media all and (min-width: 700px) {
  .listings-title .title-separator {
    display: block;
  }
}
.listings-title + .listing-proprietati .controller {
  padding-top: 0;
}
@media all and (min-width: 700px) {
  .listings-title + .listing-proprietati .controller {
    padding-top: 20px;
  }
}

.pret-si-id {
  display: flex;
  align-items: center;
  padding-top: 15px;
  margin-bottom: 20px;
}
@media all and (min-width: 700px) {
  .pret-si-id {
    padding-top: 22px;
  }
}
.pret-si-id > * {
  flex: 1;
}
.pret-si-id h2,
.pret-si-id .h2 {
  margin: 0;
  font-size: 24px;
  border-bottom: none;
  padding-bottom: 0;
}
@media all and (min-width: 700px) {
  .pret-si-id h2,
  .pret-si-id .h2 {
    font-size: 30px;
  }
}
.pret-si-id p {
  text-align: right;
  margin: 0;
  font-size: 24px;
  color: #222938;
}
@media all and (min-width: 700px) {
  .pret-si-id p {
    font-size: 30px;
  }
}

.comision-zero {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.comision-zero__text {
  font-size: 12px;
  line-height: 1.1;
  text-align: right;
}

.comision-zero__zero {
  background-color: #D70F64;
  color: #FFF;
  font-weight: 700;
  border-radius: 5px;
  padding: 0 5px;
  margin-left: 5px;
}
@media all and (min-width: 700px) {
  .comision-zero__zero {
    font-size: 20px;
  }
}

.sectiune-proprietate {
  margin-bottom: 35px;
}
@media all and (min-width: 700px) {
  .sectiune-proprietate {
    margin-bottom: 45px;
  }
}
.sectiune-proprietate.sectiune-highlight {
  background-color: #F3F6F9;
  padding: 30px 25px;
  width: 100vw;
  margin-left: -25px;
}
@media all and (min-width: 700px) {
  .sectiune-proprietate.sectiune-highlight {
    width: 100%;
    margin-left: 0;
    padding: 32px 30px 35px;
  }
}
.sectiune-proprietate.sectiune-highlight table:first-child {
  margin-top: -10px;
}
.sectiune-proprietate.sectiune-highlight + .sectiune-highlight {
  margin-top: -35px;
}
@media all and (min-width: 700px) {
  .sectiune-proprietate.sectiune-highlight + .sectiune-highlight {
    margin-top: 0;
  }
}
.sectiune-proprietate.sectiune-highlight.sectiune-open-house {
  background-color: #FF7E01;
  background-image: linear-gradient(45deg, #FF7E01 0%, #D70F64 100%);
  position: relative;
  padding-left: 110px;
}
@media all and (min-width: 700px) {
  .sectiune-proprietate.sectiune-highlight.sectiune-open-house {
    padding-left: 135px;
  }
}
.sectiune-proprietate.sectiune-highlight.sectiune-open-house::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(../images/icon-openhouse.svg);
  background-repeat: no-repeat;
  background-size: 64px;
  background-position: 22px 27px;
  pointer-events: none;
}
@media all and (min-width: 700px) {
  .sectiune-proprietate.sectiune-highlight.sectiune-open-house::before {
    background-size: 80px;
    background-position: 27px 27px;
  }
}
.sectiune-proprietate.sectiune-highlight.sectiune-open-house h3 {
  color: #FFF;
}
.sectiune-proprietate.sectiune-highlight.sectiune-open-house p {
  color: #FFF;
  margin-bottom: 0;
}
.sectiune-proprietate.sectiune-highlight.sectiune-open-house a {
  display: inline-block;
  font-size: 15px;
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 5px;
  padding: 8px 25px 7px;
  margin-top: 15px;
}
@media (hover: hover) {
  .sectiune-proprietate.sectiune-highlight.sectiune-open-house a:hover {
    color: #D70F64;
    background-color: #FFF;
  }
}
.sectiune-proprietate iframe,
.sectiune-proprietate embed,
.sectiune-proprietate video {
  margin-top: 0;
  margin-bottom: 0;
}
.sectiune-proprietate p + .more {
  margin-top: -25px;
}

.sectiune-actualizare {
  text-align: center;
  font-size: 15px;
}

.thumb {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
  background-color: #F3F6F9;
  transition: all 0.5s ease;
}
@media all and (min-width: 700px) {
  .thumb {
    padding-bottom: 66.66%;
  }
}
.thumb.main-article-image {
  width: 100vw;
  padding-bottom: 0;
  height: auto;
  margin-left: -25px;
}
@media all and (min-width: 700px) {
  .thumb.main-article-image {
    margin-left: -50px;
  }
}
@media all and (min-width: 1280px) {
  .thumb.main-article-image {
    width: 100%;
    margin-left: 0;
    border-radius: 0 20px;
  }
}
.thumb.main-article-image + .title-separator {
  display: none;
}
.thumb.main-article-image > img {
  position: static;
  width: 100%;
  height: auto;
}
.thumb > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.5s ease;
}
.thumb.video-thumb::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  background-image: url(../images/video-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.title-separator {
  margin: 0;
  border: none;
  height: 1px;
  width: 100%;
  background-color: rgba(34, 41, 56, 0.15);
  position: relative;
  z-index: -1;
}
.title-separator + .listing-articole {
  margin-top: -36px;
}
@media all and (min-width: 700px) {
  .title-separator + .listing-articole {
    margin-top: 0;
  }
}

.article-body {
  padding-top: 25px;
  position: relative;
  width: 100%;
}
@media all and (min-width: 700px) {
  .article-body {
    padding-top: 50px;
  }
}
@media all and (min-width: 1280px) {
  .article-body {
    padding-left: 400px;
  }
}
.article-body > *:first-child {
  margin-top: 0;
}
.article-body > *:last-child {
  margin-bottom: 0;
}

.banner-in-articol {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
  margin-left: -25px;
  width: 100vw;
}
@media all and (min-width: 700px) {
  .banner-in-articol {
    margin-left: 0;
    margin-right: 40px;
    float: left;
    width: 300px;
    margin-top: 8px;
    margin-bottom: 40px;
  }
}
@media all and (min-width: 1280px) {
  .banner-in-articol {
    float: none;
    left: 0;
    width: 350px;
    box-shadow: 0 1px 4px 0 rgba(34, 41, 56, 0.2);
    position: absolute;
    border-radius: 10px 0;
    padding: 25px 0;
    margin-top: 0;
  }
}

.taguri {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 0 !important;
  padding: 0 !important;
}
.taguri li {
  margin-right: 5px;
  margin-bottom: 8px;
}
.taguri li:nth-child(n+7) {
  margin: 0;
  overflow: hidden;
  width: 0;
  transition: all 0s ease;
}
.taguri a {
  display: block;
  background-image: url(../images/tag.svg);
  background-repeat: no-repeat;
  background-position: 10px 7px;
  background-size: 11px;
  box-shadow: none !important;
  font-size: 16px;
  border-radius: 100px;
  padding: 0 12px 0 26px;
  border: 1px solid rgba(56, 162, 224, 0.5);
}
@media (hover: hover) {
  .taguri a:hover {
    background-color: rgba(56, 162, 224, 0.1);
  }
}

.taguri__more {
  order: 10;
}
.taguri__more a {
  background-image: none;
  padding-left: 12px;
  border-color: transparent;
}

.taguri--toate .taguri__more {
  display: none !important;
}
.taguri--toate li:nth-child(n+7) {
  margin-right: 5px;
  margin-bottom: 8px;
  width: auto;
}

.event-box {
  background-color: #38A2E0;
  padding: 30px 30px 20px;
  margin-bottom: 30px;
  background-image: url(../images/calendar.svg);
  background-size: 60px;
  background-repeat: no-repeat;
  background-position: 30px 35px;
}
.event-box h2,
.event-box .h2 {
  color: #FFF;
  margin: 3px 0 15px;
  padding-left: 80px;
  min-height: 66px;
}
@media all and (min-width: 700px) {
  .event-box h2,
  .event-box .h2 {
    padding-left: 90px;
    min-height: 0;
  }
}
.event-box p {
  color: #FFF;
  margin: 0 0 10px;
}
@media all and (min-width: 700px) {
  .event-box p {
    padding-left: 90px;
  }
}

@media all and (min-width: 1280px) {
  .share-buttons-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 350px;
    padding-top: 53px;
    pointer-events: none;
  }
}
@media all and (min-width: 1280px) {
  .share-buttons-wrapper .share-buttons {
    position: sticky;
    top: calc(100vh - 142px);
    pointer-events: auto;
    border-radius: 10px 10px 0 0;
    padding: 20px 25px;
  }
}

.article-body-proprietate {
  padding-top: 0;
}
@media all and (min-width: 1280px) {
  .article-body-proprietate {
    padding-left: 0;
    padding-right: 400px;
  }
}
.article-body-proprietate p {
  font-size: 15px;
}

.galerie-foto {
  width: 100vw;
  margin-left: -25px;
  margin-bottom: 25px;
}
@media all and (min-width: 700px) {
  .galerie-foto {
    margin-left: -50px;
    margin-bottom: 40px;
  }
}
@media all and (min-width: 1280px) {
  .galerie-foto {
    width: 770px;
    margin-left: 0;
  }
}

.galerie-foto-principala {
  width: 100vw;
  padding-bottom: 66.66%;
}
@media all and (min-width: 1280px) {
  .galerie-foto-principala {
    width: 770px;
    padding-bottom: 513px;
    border-radius: 0 10px;
  }
}
.galerie-foto-principala::before, .galerie-foto-principala::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.75;
  height: 120px;
  opacity: 0.5;
}
.galerie-foto-principala::before {
  top: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  display: none;
}
.galerie-foto-principala::after {
  bottom: 0;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.galerie-foto-principala .card-open-house {
  margin-bottom: 5px;
}

.galerie-foto-carusel {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-color: #38A2E0 #F3F6F9;
  padding: 6px 0;
  scrollbar-width: thin;
}
@media all and (min-width: 700px) {
  .galerie-foto-carusel {
    padding: 10px 0;
  }
}
.galerie-foto-carusel::-webkit-scrollbar {
  height: 6px;
  background-color: #F3F6F9;
}
@media all and (min-width: 700px) {
  .galerie-foto-carusel::-webkit-scrollbar {
    height: 10px;
  }
}
.galerie-foto-carusel::-webkit-scrollbar-thumb {
  background: #38A2E0;
  border-radius: 100px;
}

.galerie-foto-lista {
  display: flex;
}
.galerie-foto-lista .thumb {
  width: 100px;
  padding-bottom: 66px;
}
@media all and (min-width: 700px) {
  .galerie-foto-lista .thumb {
    width: 135px;
    padding-bottom: 90px;
  }
}
@media all and (min-width: 700px) {
  .galerie-foto-lista .thumb:first-child {
    border-radius: 10px 0 0 0;
  }
}
@media all and (min-width: 700px) {
  .galerie-foto-lista .thumb:last-child {
    border-radius: 0 0 10px 0;
  }
}
.galerie-foto-lista .thumb + .thumb {
  margin-left: 6px;
}
@media all and (min-width: 700px) {
  .galerie-foto-lista .thumb + .thumb {
    margin-left: 10px;
  }
}

.marker {
  background-color: rgba(56, 162, 224, 0.2);
  color: #222938;
  padding: 0 5px;
}

.citat {
  background-color: rgba(255, 126, 1, 0.05);
  background-image: linear-gradient(45deg, #FF7E01 0%, #D70F64 100%);
  border-radius: 20px 0;
  padding: 28px 28px 18px;
  margin: 25px 0 30px;
  position: relative;
}
@media all and (min-width: 700px) {
  .citat {
    padding: 40px 50px 30px;
    margin: 50px 0;
    width: 100%;
  }
}
.citat p {
  font-size: 20px;
  line-height: 1.45;
  font-weight: 400;
  margin-bottom: 15px;
  color: #FFF;
}
@media all and (min-width: 700px) {
  .citat p {
    font-size: 22px;
  }
}
.citat p.nume-autor {
  font-weight: 700;
  color: #FFF;
}

.cifra {
  padding: 18px 0 20px 25px;
  text-align: left;
  position: relative;
  margin: 20px 0 30px;
  border-left: 3px solid #FF7E01;
  border-radius: 20px;
}
@media all and (min-width: 1280px) {
  .cifra {
    position: absolute;
    width: 350px;
    left: 0;
    margin: 0;
    padding-left: 30px;
  }
}

.cifra-cantitate {
  display: block;
  font-size: 40px;
  line-height: 1.1;
  color: #FF7E01;
}
@media all and (min-width: 700px) {
  .cifra-cantitate {
    font-size: 48px;
  }
}

.cifra-descriere {
  display: block;
  font-size: 20px;
  margin-top: 10px;
  color: #222938;
  font-weight: 700;
}
@media all and (min-width: 700px) {
  .cifra-descriere {
    font-size: 22px;
  }
}

.fact {
  position: relative;
  padding: 18px 0 20px 25px;
  border-left: 3px solid #FF7E01;
  text-align: left;
  line-height: 1.2;
  color: #FF7E01;
  border-radius: 20px;
  font-size: 28px;
  margin: 20px 0 25px;
}
@media all and (min-width: 700px) {
  .fact {
    font-size: 30px;
  }
}
@media all and (min-width: 1280px) {
  .fact {
    margin: 0;
    position: absolute;
    width: 350px;
    left: 0;
    padding: 23px 0 25px 30px;
  }
}

.attachment {
  display: block;
  position: relative;
  padding: 75px 0 20px 25px;
  border-left: 3px solid #FF7E01;
  border-radius: 20px;
  text-align: left;
  background-image: url(../images/attach-file.svg);
  background-repeat: no-repeat;
  background-size: 48px;
  background-position: 20px 18px;
  margin: 35px 0 30px;
}
@media all and (min-width: 700px) {
  .attachment {
    margin: 55px 0 50px;
  }
}
@media all and (min-width: 1280px) {
  .attachment {
    position: absolute;
    width: 350px;
    left: 0;
    margin: 0;
    background-position: 30px 22px;
    padding: 80px 0 20px 30px;
  }
}

.attachment-title {
  font-size: 40px;
  color: #FF7E01;
  line-height: 1.1;
  display: block;
}
@media all and (min-width: 700px) {
  .attachment-title {
    font-size: 48px;
  }
}

.attachment-cta {
  display: inline-block;
  color: #222938;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #FFF;
  margin-top: 10px;
}
@media all and (min-width: 700px) {
  .attachment-cta {
    font-size: 20px;
  }
}
.attachment-cta:hover {
  border-color: #222938;
}

.share-buttons {
  position: relative;
  width: 100%;
  padding: 25px;
  background-color: #FFF;
  box-shadow: 0 1px 4px 0 rgba(34, 41, 56, 0.2);
  margin-top: 40px;
  border-radius: 10px 0;
}
@media all and (min-width: 1280px) {
  .share-buttons {
    width: 350px;
    padding: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 0;
  }
}
.share-buttons h6,
.share-buttons .h6 {
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 12px;
}
@media all and (min-width: 1280px) {
  .share-buttons h6,
  .share-buttons .h6 {
    font-size: 20px;
  }
}
.share-buttons ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
@media all and (min-width: 700px) {
  .share-buttons ul {
    flex-wrap: nowrap;
  }
}
.share-buttons ul li {
  width: 100%;
}
@media all and (min-width: 700px) {
  .share-buttons ul li + li {
    margin-left: 10px;
  }
}
@media all and (min-width: 1280px) {
  .share-buttons ul li + li {
    margin-left: 5px;
  }
}
.share-buttons ul a {
  display: block;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: 24px center;
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  line-height: 1;
  padding: 18px 24px 18px 70px;
  border-radius: 5px;
  margin-bottom: 10px;
  border: none;
  box-shadow: none;
}
@media all and (min-width: 1280px) {
  .share-buttons ul a {
    padding: 0;
    height: 50px;
    font-size: 0;
    background-position: center;
  }
}
.share-buttons ul a.share-facebook {
  background-image: url(../images/share-facebook.svg);
  background-color: #3A559F;
}
.share-buttons ul a.share-whatsapp {
  background-image: url(../images/share-whatsapp.svg);
  background-color: #4CAF50;
}
.share-buttons ul a.share-instagram {
  background-image: url(../images/share-instagram.svg);
  background-color: #BC2A8D;
}
@media (hover: hover) {
  .share-buttons ul a:hover {
    opacity: 0.9;
    box-shadow: none;
  }
}

#share-buttons-target {
  position: absolute;
  height: 0;
  width: 0;
  top: -100px;
}

.contact-whatsapp {
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  padding: 25px 0 15px;
  margin-bottom: -10px;
}
.contact-whatsapp img {
  width: 16px;
  vertical-align: top;
  margin-top: 2px;
  margin-right: 8px;
}
@media (hover: hover) {
  .contact-whatsapp:hover {
    transform: translateY(-2px);
  }
}

.more {
  display: block;
  color: #FF7E01;
  font-size: 15px;
  position: relative;
  z-index: 1;
}
.more::before {
  position: absolute;
  content: "";
  display: block;
  height: 80px;
  width: 100%;
  background-image: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0) 100%);
  bottom: 20px;
  left: 0;
  pointer-events: none;
}
.more a {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid rgba(255, 126, 1, 0);
}
@media (hover: hover) {
  .more a:hover {
    border-bottom-color: #FF7E01;
  }
}

.listing-articole {
  padding-top: 35px;
}
@media all and (min-width: 700px) {
  .listing-articole {
    padding-top: 45px;
  }
}
@media all and (min-width: 1023px) {
  .listing-articole {
    padding-top: 50px;
  }
}

.rezultate-cautare {
  padding-top: 65px;
}
@media all and (min-width: 700px) {
  .rezultate-cautare {
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
  }
}
.rezultate-cautare > h3,
.rezultate-cautare > .h3 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 18px;
  line-height: 1.1;
  color: #38A2E0;
  border-bottom: 2px solid rgba(56, 162, 224, 0.75);
  padding-bottom: 5px;
}
@media all and (min-width: 700px) {
  .rezultate-cautare > h3,
  .rezultate-cautare > .h3 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media all and (min-width: 1280px) {
  .rezultate-cautare > h3,
  .rezultate-cautare > .h3 {
    padding-bottom: 10px;
  }
}
.rezultate-cautare .news-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
  padding: 20px 0;
  margin-bottom: 0;
}
@media all and (min-width: 700px) {
  .rezultate-cautare .news-item {
    display: block;
    width: calc((100% - 60px) / 2);
    border-bottom: none;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media all and (min-width: 1023px) {
  .rezultate-cautare .news-item {
    width: calc((100% - 90px) / 3);
  }
}
@media (hover: hover) {
  .rezultate-cautare .news-item:hover h2,
  .rezultate-cautare .news-item:hover .h2 {
    border-bottom: 1px solid #FFF;
  }
}
.rezultate-cautare .news-item .thumb {
  width: 100px;
  padding-bottom: 100px;
  margin: 0 15px 0 0;
  border-radius: 0 10px;
}
@media all and (min-width: 700px) {
  .rezultate-cautare .news-item .thumb {
    width: 100%;
    padding-bottom: 66.66%;
    margin-bottom: 15px;
    border-radius: 0 15px;
  }
}
.rezultate-cautare .news-item .news-item-info h2,
.rezultate-cautare .news-item .news-item-info .h2 {
  font-size: 18px;
  padding: 0;
  color: #222938;
}
@media all and (min-width: 1280px) {
  .rezultate-cautare .news-item .news-item-info h2,
  .rezultate-cautare .news-item .news-item-info .h2 {
    font-size: 20px;
  }
}
.rezultate-cautare .news-item .news-item-info p {
  font-size: 14px;
}
@media all and (min-width: 700px) {
  .rezultate-cautare .news-item .news-item-info p {
    font-size: 16px;
    padding-top: 5px;
  }
}
.rezultate-cautare .news-item + h3,
.rezultate-cautare .news-item + .h3 {
  margin-top: 40px;
}
@media all and (min-width: 700px) {
  .rezultate-cautare .news-item + h3,
  .rezultate-cautare .news-item + .h3 {
    margin-top: 30px;
  }
}
@media all and (min-width: 1280px) {
  .rezultate-cautare .news-item + h3,
  .rezultate-cautare .news-item + .h3 {
    margin-top: 50px;
  }
}

.event-box-data {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: #38A2E0;
  font-size: 12px;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 700;
  line-height: 1.1;
  padding: 8px 10px 7px;
  max-width: calc(100% - 20px);
}
@media all and (min-width: 700px) {
  .event-box-data {
    font-size: 14px;
  }
}

.news-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media all and (min-width: 700px) {
  .news-item {
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 50px;
  }
}
.news-item .thumb {
  width: 100vw;
  margin-left: -25px;
  margin-right: -25px;
  padding-bottom: 56.25vw;
  margin-bottom: 20px;
}
@media all and (min-width: 700px) {
  .news-item .thumb {
    width: 300px;
    padding-bottom: 169px;
    margin-right: 30px;
    margin-left: 0;
    margin-bottom: 0;
    border-radius: 0 15px;
  }
}
@media all and (min-width: 1023px) {
  .news-item .thumb {
    width: 400px;
    padding-bottom: 225px;
  }
}
@media all and (min-width: 1280px) {
  .news-item .thumb {
    width: 500px;
    padding-bottom: 281px;
    margin-right: 40px;
  }
}
.news-item .news-item-info {
  flex: 1;
}
.news-item .news-item-info h2,
.news-item .news-item-info .h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  border-bottom: 1px solid rgba(56, 162, 224, 0);
  padding-top: 2px;
  padding-bottom: 5px;
}
@media all and (min-width: 700px) {
  .news-item .news-item-info h2,
  .news-item .news-item-info .h2 {
    padding-bottom: 7px;
  }
}
@media all and (min-width: 1023px) {
  .news-item .news-item-info h2,
  .news-item .news-item-info .h2 {
    font-size: 28px;
    padding-bottom: 9px;
  }
}
@media all and (min-width: 1280px) {
  .news-item .news-item-info h2,
  .news-item .news-item-info .h2 {
    font-size: 32px;
  }
}
.news-item .news-item-info p {
  font-size: 15px;
  padding-top: 5px;
  margin-bottom: 0;
  padding-bottom: 2px;
}
@media all and (min-width: 700px) {
  .news-item .news-item-info p {
    padding-top: 7px;
  }
}
@media all and (min-width: 1023px) {
  .news-item .news-item-info p {
    font-size: 18px;
    padding-top: 9px;
  }
}
@media all and (min-width: 1280px) {
  .news-item .news-item-info p {
    font-size: 20px;
  }
}

@media (hover: hover) {
  a.news-item:hover .thumb img {
    transform: scale(1.05);
  }
  a.news-item:hover h2,
  a.news-item:hover .h2 {
    color: #FF7E01;
  }
}

.pagination {
  display: flex;
  list-style-type: none;
  padding: 20px 0 0;
  width: 100%;
}
@media all and (min-width: 700px) {
  .pagination {
    padding: 30px 0 0;
  }
}
.pagination li {
  display: none;
  margin-right: 5px;
}
@media all and (min-width: 1023px) {
  .pagination li {
    display: block;
    margin-right: 8px;
  }
}
.pagination li:last-child {
  margin-right: 0;
}
.pagination li.mobile {
  display: block;
}
.pagination li.page-selector {
  flex: 1;
  display: block;
}
@media all and (min-width: 1023px) {
  .pagination li.page-selector {
    display: none;
  }
}
@media all and (min-width: 700px) {
  .pagination li.back-to {
    width: calc(50% - 5px);
  }
}
.pagination li.back-to a {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.pagination li.back-to a span {
  margin-left: 5px;
}
.pagination li.back-to:first-child {
  flex: 1;
}
.pagination li.back-to:last-child {
  width: 80px;
}
@media all and (min-width: 700px) {
  .pagination li.back-to:last-child {
    flex: 1;
    width: auto;
  }
}
.pagination li.back-to:last-child span {
  display: none;
}
@media all and (min-width: 700px) {
  .pagination li.back-to:last-child span {
    display: inline;
  }
}
.pagination a,
.pagination div {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
}
@media all and (min-width: 1023px) {
  .pagination a,
  .pagination div {
    width: 48px;
    height: 48px;
  }
}
.pagination a {
  color: #38A2E0;
  border: 1px solid rgba(56, 162, 224, 0);
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15) !important;
}
@media all and (min-width: 1023px) {
  .pagination a {
    background-color: #F3F6F9;
    box-shadow: none;
  }
}
@media (hover: hover) {
  .pagination a:hover {
    border: 1px solid #38A2E0;
  }
}
.pagination a.selected {
  background-color: #38A2E0;
  border: 1px solid #38A2E0;
  color: #FFF;
  border-radius: 5px;
}
.pagination a.selected:hover span {
  color: #FFF;
}
.pagination div {
  background-color: transparent;
  font-weight: 400;
  margin: 0 -4px 0 -3px;
}
.pagination div span {
  margin-top: 5px;
  font-size: 12px;
}
.pagination select {
  height: 42px;
  padding: 5px 15px;
  margin: 0 5px 0 0;
  width: 100%;
  background-color: #FFF;
  border: 1px solid rgba(56, 162, 224, 0);
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  background-color: #FFF;
  box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
}
.pagination select:focus {
  border: 1px solid #38A2E0;
}

@media all and (min-width: 1280px) {
  .C2 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 370px;
    padding-top: 78px;
  }
}
.C2 .share-buttons {
  position: relative;
  width: 100%;
}
.C2 .exclusiv-mls {
  display: none;
}
@media all and (min-width: 1280px) {
  .C2 .exclusiv-mls {
    display: flex;
  }
}

.C2-wrapper {
  position: sticky;
  top: 150px;
}

.C2-wrapper-fara-header {
  top: 30px;
}

.box-contact {
  box-shadow: 0 1px 4px 0 rgba(34, 41, 56, 0.2);
  padding: 25px;
  margin-bottom: 30px;
  border-radius: 10px 0;
}
@media all and (min-width: 700px) {
  .box-contact {
    padding: 25px;
  }
}
.box-contact h3,
.box-contact .h3 {
  margin-bottom: 22px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 8px;
}

.box-agent {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.box-agent .thumb {
  border-radius: 200px;
  width: 100px;
  padding-bottom: 100px;
  margin-right: 20px;
  margin-left: -3px;
}
.box-agent .thumb.thumb-agentie {
  border-radius: 0;
  background-color: transparent;
}
.box-agent .thumb.thumb-agentie img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.box-agent .buton {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
@media (hover: hover) {
  .box-agent .buton:hover {
    color: #FFF;
  }
}
.box-agent .buton + .buton {
  margin-top: 10px;
}
.box-agent .buton.buton-secundar {
  background-color: transparent;
  color: #38A2E0;
  border: 1px solid rgba(56, 162, 224, 0.25);
}
@media (hover: hover) {
  .box-agent .buton.buton-secundar:hover {
    color: #38A2E0;
  }
}

.box-agent-info {
  flex: 1;
  font-size: 15px;
  max-width: calc(100% - 117px);
}
.box-agent-info h4,
.box-agent-info .h4 {
  font-size: 22px;
  margin: 0 0 7px;
  line-height: 1.1;
}
.box-agent-info .box-agent-tel {
  display: block;
  line-height: 1.4;
  width: 100%;
}
.box-agent-info .box-agent-tel span {
  display: inline-block;
}
.box-agent-info .box-agent-tel a {
  display: inline-block;
}
@media (hover: hover) {
  .box-agent-info .box-agent-tel a:hover {
    color: #38A2E0;
  }
}
.box-agent-info .box-agent-mail {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 1.4;
}
@media (hover: hover) {
  .box-agent-info .box-agent-mail:hover {
    color: #38A2E0;
  }
}

.nume-agentie {
  color: #38A2E0;
  font-weight: 700;
}

.box-contact-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.box-contact-form textarea,
.box-contact-form select {
  font-size: 15px;
  padding: 9px 14px 7px;
}
.box-contact-form button,
.box-contact-form input[type=submit],
.box-contact-form .buton {
  font-size: 14px;
  width: 100%;
}

.buton-interesat {
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #38A2E0;
  color: #FFF;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.1;
  padding: 20px 20px 19px;
  border-radius: 5px;
  margin-bottom: 50px;
}
@media (hover: hover) {
  .buton-interesat:hover {
    color: #FFF;
    box-shadow: 0 3px 5px rgba(34, 41, 56, 0.25);
    transform: translateY(-2px);
  }
}

.buton-interesat--inverted {
  background-color: #FFF;
  color: #38A2E0;
  border: 1px solid #38A2E0;
}
@media (hover: hover) {
  .buton-interesat--inverted:hover {
    color: #38A2E0;
  }
}
.listing-proprietati .buton-interesat--inverted {
  margin-bottom: 0;
  width: 100%;
}
@media all and (min-width: 700px) {
  .listing-proprietati .buton-interesat--inverted {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 1280px) {
  .listing-proprietati .buton-interesat--inverted {
    width: auto;
    padding-left: 35px;
    padding-right: 35px;
  }
}

.listing-proprietati .buton-interesat--fisa-agent {
  font-size: 14px;
  width: auto;
  flex: 1;
  margin: 0 25px;
  padding: 18px 0 17px;
}
@media all and (min-width: 700px) {
  .listing-proprietati .buton-interesat--fisa-agent {
    margin-bottom: 30px;
    flex: none;
    padding: 18px 25px 17px;
  }
}
.alti-agenti .buton-interesat--fisa-agent {
  font-size: 14px;
  width: auto;
  flex: 1;
  margin: 0 25px;
  padding: 18px 0 17px;
}
@media all and (min-width: 700px) {
  .alti-agenti .buton-interesat--fisa-agent {
    margin-top: 30px;
    margin-bottom: 0;
    flex: none;
    padding: 18px 25px 17px;
  }
}

.buton-interesat__wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.filtre {
  display: none;
  padding: 0 25px 25px;
}
@media all and (min-width: 700px) {
  .filtre {
    padding: 0 45px 28px;
    display: block;
  }
}
@media all and (min-width: 1280px) {
  .filtre {
    padding: 0 25px 25px;
  }
}
.filtre .separator {
  width: 15px;
  margin-right: 20px;
  border-right: 1px dashed rgba(255, 255, 255, 0.5);
}

@media all and (min-width: 700px) {
  .filtre-trigger {
    display: none;
  }
}
.filtre-trigger a {
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: transparent;
  color: #38A2E0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.1;
  padding: 20px 20px 0;
  margin-top: -5px;
}
.filtre-trigger a#filtre-off {
  display: none;
  border: none;
}

.filtre-wrapper {
  display: none;
  flex-wrap: wrap;
}
@media all and (min-width: 700px) {
  .filtre-wrapper {
    flex-wrap: nowrap;
    display: flex;
  }
}
.filtre-wrapper input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.filtre-wrapper textarea,
.filtre-wrapper select {
  border: none;
  padding: 10px 15px 9px;
}
.filtre-wrapper input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,
.filtre-wrapper textarea:focus,
.filtre-wrapper select:focus {
  background-color: #F3F6F9;
}
@media all and (min-width: 700px) {
  .filtre-wrapper > input:not([type=checkbox]):not([type=radio]):not([type=submit]),
  .filtre-wrapper > textarea,
  .filtre-wrapper > select {
    margin-bottom: 0;
    margin-right: 5px;
    flex: 1;
  }
}
.filtre-wrapper input[type=search] {
  background-image: url(../images/filters-search-black.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  padding-right: 50px;
}
.filtre-wrapper select {
  padding-right: 40px;
}
.filtre-wrapper .buton {
  text-transform: none;
  font-size: 18px;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
  width: 100%;
  padding: 10px 15px 9px;
  margin: 0 0 10px;
}
@media all and (min-width: 700px) {
  .filtre-wrapper .buton {
    width: auto;
    margin-bottom: 0;
  }
}
@media all and (min-width: 1280px) {
  .filtre-wrapper .buton {
    padding: 9px 20px 8px;
    background-color: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.5);
  }
}
@media all and (min-width: 1400px) {
  .filtre-wrapper .buton {
    width: 220px;
  }
}
.filtre-wrapper .buton:hover, .filtre-wrapper .buton:focus {
  box-shadow: none;
  transform: none;
  background-color: #FFF;
  color: #38A2E0;
}
.filtre-wrapper .buton.buton-secundar {
  background-color: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFF;
  margin-top: 30px;
}
@media all and (min-width: 1280px) {
  .filtre-wrapper .view-modes {
    margin-left: 40px;
  }
}
@media all and (min-width: 1400px) {
  .filtre-wrapper .view-modes {
    margin-left: 50px;
  }
}
@media all and (min-width: 1600px) {
  .filtre-wrapper .view-modes {
    margin-left: 80px;
  }
}
@media all and (min-width: 2150px) {
  .filtre-wrapper .view-modes {
    margin-left: 300px;
  }
}

.filtre-item-wrapper {
  width: 100%;
  position: relative;
  color: #222938;
}
@media all and (min-width: 700px) {
  .filtre-item-wrapper {
    width: auto;
    margin-right: 5px;
    flex: 1;
  }
}
@media all and (min-width: 700px) {
  .filtre-item-wrapper > input:not([type=checkbox]):not([type=radio]):not([type=submit]),
  .filtre-item-wrapper > textarea,
  .filtre-item-wrapper > select {
    margin-bottom: 0;
    margin-right: 5px;
    flex: 1;
  }
}

.fake-input {
  background-color: #FFF;
  border-radius: 5px;
  width: 100%;
  display: block;
  padding: 10px 15px 9px;
  margin-bottom: 10px;
}
@media all and (min-width: 700px) {
  .fake-input {
    margin-bottom: 0;
  }
}

.fake-select {
  background-image: url(../images/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
}

.filtre-popup {
  display: none;
  padding-top: 60px;
  padding-bottom: 60px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1550;
  height: 100vh;
  overflow-y: scroll;
}
@media all and (min-width: 700px) {
  .filtre-popup {
    display: none;
  }
}
.filtre-popup .filtre-wrapper {
  display: flex;
}
.filtre-popup .filtre-trigger a {
  border-top: none;
  color: #FFF;
}

.fake-close {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  left: 0;
  display: block;
  display: none;
}
.fake-close::after {
  position: absolute;
  content: "";
  display: block;
  top: 3px;
  right: 0;
  height: 40px;
  width: 40px;
  background-color: #FFF;
  background-image: url(../images/dropdown-arrow-up.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
}

.buton-inchide {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  width: 100%;
  font-size: 13px;
  padding-top: 15px;
  color: #38A2E0;
  display: flex;
  justify-content: flex-end;
}
.buton-inchide a:hover {
  text-decoration: underline;
}

.dropdown-zone {
  display: none;
  position: absolute;
  list-style-type: none;
  padding: 0;
  margin: 0 0 30px;
  background-color: #FFF;
  z-index: 400;
  width: calc(100% + 20px);
  top: 48px;
  left: -10px;
  border-radius: 5px;
  box-shadow: 0 10px 5px rgba(34, 41, 56, 0.5);
  color: #222938;
}
@media all and (min-width: 700px) {
  .dropdown-zone {
    box-shadow: 0 10px 15px rgba(34, 41, 56, 0.25), 0 0 0 1px rgba(34, 41, 56, 0.1);
    left: 0;
    width: 550px;
  }
}
.filtre-popup .dropdown-zone {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  width: 100vw;
}

.dropdown-zone__judete select {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  border: none !important;
  background-color: #38A2E0 !important;
  color: #FFF;
  border-radius: 5px 5px 0 0;
  background-image: url(../images/dropdown-arrow-white.svg);
}

.dropdown-zone__cautare {
  background-color: #F3F6F9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 15px 10px 12px;
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
}
.dropdown-zone__cautare input[type=search] {
  border: 1px solid rgba(34, 41, 56, 0.25) !important;
  margin-bottom: 0 !important;
  background-image: none;
  font-size: 15px !important;
  padding: 7px 12px 6px !important;
  width: auto;
  flex: 1;
}
.dropdown-zone__cautare .form-rc-group {
  margin-bottom: 0;
  width: auto;
  margin-left: 25px;
  align-items: center;
  width: 90px;
}
.dropdown-zone__cautare .form-rc-group input[type=checkbox] {
  margin-top: 0;
}
.dropdown-zone__cautare .form-rc-group label {
  line-height: 1.1;
}

.dropdown-zone__no-results {
  padding: 30px;
  color: rgba(34, 41, 56, 0.5);
}

.dropdown-zone__highlevel {
  text-transform: uppercase;
  font-weight: 700;
  padding: 8px 13px;
  font-size: 0;
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
}
.dropdown-zone__highlevel a {
  display: inline-block;
  color: #FF7E01;
  padding: 8px 12px 6px;
  font-size: 12px;
  line-height: 1;
  margin-right: 3px;
}
@media (hover: hover) {
  .dropdown-zone__highlevel a:hover {
    text-decoration: underline;
  }
}
.dropdown-zone__highlevel a.active {
  background-color: #FF7E01;
  color: #FFF;
  border-radius: 30px;
}

.dropdown-zone__listing {
  padding: 10px 15px 15px;
  overflow-y: auto;
}
@media all and (min-width: 700px) {
  .dropdown-zone__listing {
    max-height: calc(100vh - 440px);
    padding: 10px 15px 85px;
  }
}
.popup-cautare .dropdown-zone__listing {
  max-height: calc(100vh - 225px);
  padding-bottom: calc(15px + env(safe-area-inset-bottom));
  transition: padding 0s ease;
}
@media all and (min-width: 700px) {
  .popup-cautare .dropdown-zone__listing {
    max-height: calc(100vh - 470px);
  }
}
.filtre-popup .dropdown-zone__listing {
  max-height: calc(100vh - 225px);
  padding-bottom: calc(15px + env(safe-area-inset-bottom));
  transition: padding 0s ease;
}
.dropdown-zone__listing ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
}
.dropdown-zone__listing ul + .dropdown-zone__listing__highlevel {
  margin-top: 25px;
}
.dropdown-zone__listing li input[type=checkbox] {
  display: none;
}
.dropdown-zone__listing li input[type=checkbox]:checked + label {
  background-color: #38A2E0;
  color: #FFF;
  border-color: #38A2E0;
}
.dropdown-zone__listing li label {
  font-weight: 400;
  border: 1px solid rgba(56, 162, 224, 0.5);
  color: #38A2E0;
  background-color: #FFF;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 50px;
  margin: 0 4px 5px 0;
}

.dropdown-zone__wrapper {
  padding: 22px 0 18px;
}
@media all and (min-width: 700px) {
  .dropdown-zone__wrapper {
    padding: 22px 15px 18px;
  }
}
.dropdown-zone__wrapper + .dropdown-zone__wrapper {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
}

.dropdown-zone__toate {
  display: inline-block;
  background-color: #FF7E01;
  color: #FFF;
  font-weight: 700;
  border-radius: 100px;
  padding: 6px 18px;
  margin-top: 2px;
}
@media (hover: hover) {
  .dropdown-zone__toate:hover {
    color: #FFF;
    text-decoration: underline;
  }
}

.dropdown-zone__listing__highlevel {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 12px;
  background-color: #FF7E01;
  box-shadow: 0 0 0 2px #FF7E01;
  padding: 3px 8px 2px;
  border-radius: 3px;
  color: #FFF;
}
.dropdown-zone__listing__highlevel + .dropdown-zone__listing__zona {
  margin-top: 20px;
}

.dropdown-zone__listing__zona {
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 5px;
}
.dropdown-zone__listing__zona label {
  margin-bottom: 0;
  flex: 1;
  line-height: 1;
  padding: 0 20px 0 0;
}
.dropdown-zone__listing__zona input[type=checkbox] {
  margin: 0 10px 0 0;
  width: 16px;
  height: 16px;
}

.dropdown-zone__butoane {
  display: flex;
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  padding: 15px;
  align-items: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding-bottom: calc(15px + env(safe-area-inset-bottom));
  transition: padding 0s ease;
  background-color: #FFF;
}
.dropdown-zone__butoane button {
  margin-top: 0;
  width: auto;
  margin-right: auto;
  border: 1px solid #38A2E0;
  background-color: rgba(56, 162, 224, 0.15);
  color: #38A2E0;
  text-transform: none;
  letter-spacing: 0;
  padding: 10px 30px;
}
.dropdown-zone__butoane a {
  font-size: 13px;
  color: #38A2E0;
}
@media (hover: hover) {
  .dropdown-zone__butoane a:hover {
    text-decoration: underline;
  }
}

.dropdown-filtru {
  display: block;
  display: none;
  background-color: #FFF;
  z-index: 400;
  width: calc(100% + 20px);
  position: absolute;
  top: 48px;
  left: -10px;
  border-radius: 5px;
  padding: 18px 15px;
  margin: 0 0 30px;
  box-shadow: 0 10px 5px rgba(34, 41, 56, 0.5);
}
@media all and (min-width: 700px) {
  .dropdown-filtru {
    box-shadow: 0 10px 15px rgba(34, 41, 56, 0.25), 0 0 0 1px rgba(34, 41, 56, 0.1);
    left: 0;
    width: 350px;
    overflow-y: auto;
  }
}
.dropdown-filtru input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.dropdown-filtru textarea,
.dropdown-filtru select {
  border: 1px solid rgba(34, 41, 56, 0.25);
  font-size: 15px;
}
.dropdown-filtru button {
  margin-top: 0;
  padding: 10px 15px;
  width: 100%;
  border: 1px solid #38A2E0;
  color: #38A2E0;
  background-color: rgba(56, 162, 224, 0.15);
  text-transform: none;
  letter-spacing: 0;
}
.dropdown-filtru .form-rc-group {
  margin: 15px 0 0;
}
.dropdown-filtru > label {
  font-size: 15px;
  width: 100%;
  font-weight: 700;
}
.dropdown-filtru hr {
  border: none;
  height: 1px;
  width: 100%;
  background-color: rgba(34, 41, 56, 0.15);
  margin: 12px 0 14px;
}
.filtre-popup .dropdown-filtru hr {
  margin: 4px 0;
  opacity: 0;
}
.dropdown-filtru.dropdown-incaperi > label {
  margin-bottom: 10px;
}
.dropdown-filtru.dropdown-incaperi .form-rc-group {
  margin: 10px 0 10px;
}
.dropdown-filtru.dropdown-incaperi button {
  margin-top: 15px;
}
@media all and (min-width: 700px) {
  .popup-cautare .dropdown-filtru.dropdown-incaperi {
    top: -245px;
  }
}
@media all and (min-width: 700px) {
  .dropdown-filtru.dropdown-altele {
    right: 0;
    left: auto;
    width: 950px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 20px 25px;
  }
}
@media all and (min-width: 1280px) {
  .dropdown-filtru.dropdown-altele {
    right: -379px;
  }
}
@media all and (min-width: 1600px) {
  .dropdown-filtru.dropdown-altele {
    right: 0;
  }
}
.dropdown-filtru.dropdown-altele button {
  margin-top: 15px;
  margin-bottom: 20px;
}
@media all and (min-width: 700px) {
  .dropdown-filtru.dropdown-altele button {
    margin-bottom: 0;
  }
}
.dropdown-filtru.dropdown-altele .view-modes {
  margin-left: 0;
  width: 100%;
  padding: 0 20px;
  margin: 0 0 15px;
  flex-direction: column;
}
.dropdown-filtru.dropdown-altele .view-modes .check-group {
  display: block;
  margin-bottom: 8px;
  margin-right: 0;
}
.dropdown-filtru.dropdown-altele .view-modes .check-group label {
  width: 100%;
  font-size: 15px;
  padding-top: 11px;
}
.dropdown-filtru.dropdown-altele .check-group {
  margin-left: 0;
  margin-right: 5px;
}
.dropdown-filtru.dropdown-altele .check-group label {
  box-shadow: none;
}
.dropdown-filtru.dropdown-altele::after {
  content: "";
  display: block;
  width: 100vw;
  height: 120px;
  background-color: #222938;
  box-shadow: 0 30px 0 #222938;
  margin-left: -30px;
}
@media all and (min-width: 700px) {
  .dropdown-filtru.dropdown-altele::after {
    display: none;
  }
}

.dropdown-filtru__titlu {
  text-transform: uppercase;
  color: rgba(34, 41, 56, 0.5);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 8px 12px;
}
@media all and (min-width: 700px) {
  .dropdown-filtru__titlu {
    padding: 5px 11px;
  }
}
.dropdown-filtru__titlu + .tip-wrapper {
  border-top: none;
}

.dropdown-filtru__switch-button {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #38A2E0;
  display: block;
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  margin-top: 15px;
  padding-top: 15px;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 12px;
}

.nr-camere {
  border: 1px solid #38A2E0;
  color: #38A2E0;
  border-radius: 200px;
  padding: 3px 8px 2px;
  display: inline-block;
  margin-bottom: 4px;
}
.nr-camere.selected {
  background-color: rgba(56, 162, 224, 0.15);
}
@media (hover: hover) {
  .nr-camere:hover {
    background-color: rgba(56, 162, 224, 0.25);
    color: #38A2E0;
  }
}

.min-max-wrapper {
  display: flex;
  justify-content: space-between;
}

.dropdown-altele-col {
  flex: 1;
}
.dropdown-altele-col > label {
  font-size: 15px;
  width: 100%;
  font-weight: 700;
}
.dropdown-altele-col + hr {
  width: 1px;
  height: auto;
  margin: 0 15px;
}
.filtre-popup .dropdown-altele-col + hr {
  width: 100%;
  height: 1px;
  margin: 4px 0;
  opacity: 0;
}

.dropdown-altele-col--last {
  background-color: #F3F6F9;
}
.filtre-popup .dropdown-altele-col--last {
  padding-bottom: 10px;
  margin: 20px 0 10px;
}

.dropdown-altele-etc {
  width: 100%;
  padding: 18px 20px 15px;
  background-color: #F3F6F9;
  display: flex;
  flex-wrap: wrap;
  border-radius: 3px;
}
.dropdown-altele-etc .dropdown-altele-col {
  width: 100%;
  flex: none;
}
.tip-wrapper {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  display: flex;
  align-items: center;
  padding: 7px 0;
}
.tip-wrapper:first-child {
  border-top: none;
  margin-top: -10px;
}
.tip-wrapper label {
  margin: 2px 0 0 10px;
  flex: 1;
  font-weight: 400;
}
.tip-wrapper + button {
  margin-top: 10px;
}

.banda-comision {
  background-color: #38A2E0;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  line-height: 3;
  height: 90px;
  overflow: hidden;
  padding: 52px 70px 0;
  position: relative;
  z-index: 99;
  margin-top: -60px;
}
@media all and (min-width: 700px) {
  .banda-comision {
    font-size: 20px;
    margin-top: -60px;
    padding: 50px 100px 0;
    height: 100px;
  }
}
@media all and (min-width: 1280px) {
  .banda-comision {
    padding: 50px 130px 0;
  }
}
.banda-comision::before {
  content: "• ";
}
.banda-comision span {
  display: inline-block;
}
.banda-comision span::after {
  content: "  • ";
}

.banda-comision-secundara {
  z-index: 98;
  background-color: #F3F6F9;
  color: #222938;
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  padding: 68px 20px 0;
  height: 110px;
  display: none;
}
@media all and (min-width: 700px) {
  .banda-comision-secundara {
    display: block;
    padding: 122px 50px 0;
    height: 150px;
    margin-top: -110px;
  }
}
@media all and (min-width: 1280px) {
  .banda-comision-secundara {
    font-size: 16px;
    padding: 120px 120px 0;
  }
}
.banda-comision-secundara::before {
  display: none;
}
.banda-comision-secundara span {
  background-color: #38A2E0;
  color: #FFF;
  font-weight: 700;
  padding: 2px 4px;
  margin: 0;
  font-size: 12px;
}
@media all and (min-width: 1280px) {
  .banda-comision-secundara span {
    padding: 4px 7px;
    margin: -2px 2px 0;
    font-size: 14px;
  }
}
.banda-comision-secundara span::after {
  display: none;
}

.shape-related {
  margin-top: -20px;
  margin-bottom: 10px;
}
@media all and (min-width: 700px) {
  .shape-related {
    margin-top: -50px;
    margin-bottom: 30px;
  }
}
@media all and (min-width: 1280px) {
  .shape-related {
    margin-top: -100px;
    margin-bottom: 35px;
  }
}
.shape-related img {
  width: 100%;
}

.shape-related-inverse {
  margin-bottom: -2.7vw;
}
.shape-related-inverse img {
  width: 100%;
}

.listing-proprietati {
  margin-bottom: 0;
}
@media all and (min-width: 700px) {
  .listing-proprietati {
    margin-bottom: 10px;
  }
}
.listing-proprietati .controller {
  max-width: calc(100% - 50px);
  margin: 0 auto;
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
}
@media all and (min-width: 700px) {
  .listing-proprietati .controller {
    max-width: calc(100% - 80px);
  }
}
@media all and (min-width: 1280px) {
  .listing-proprietati .controller {
    max-width: calc(100% - 90px);
    width: 100%;
  }
}
.listing-proprietati h2,
.listing-proprietati .h2 {
  margin-bottom: 30px;
  width: 100%;
  color: #38A2E0;
}
@media all and (min-width: 700px) {
  .listing-proprietati h2,
  .listing-proprietati .h2 {
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media all and (min-width: 1280px) {
  .listing-proprietati h2,
  .listing-proprietati .h2 {
    margin-bottom: 45px;
    text-align: center;
  }
}
.listing-proprietati h2 span,
.listing-proprietati .h2 span {
  border-bottom: 3px dotted #38A2E0;
  padding-bottom: 8px;
  width: 100%;
  display: inline-block;
}
@media all and (min-width: 1280px) {
  .listing-proprietati h2 span,
  .listing-proprietati .h2 span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
.listing-proprietati h3,
.listing-proprietati .h3 {
  text-align: center;
  margin-bottom: 30px;
  width: 100%;
}
@media all and (min-width: 700px) {
  .listing-proprietati h3,
  .listing-proprietati .h3 {
    margin-bottom: 40px;
  }
}
@media all and (min-width: 1280px) {
  .listing-proprietati h3,
  .listing-proprietati .h3 {
    margin-bottom: 45px;
  }
}
.listing-proprietati .card-proprietate {
  width: 100%;
  margin-bottom: 35px;
}
@media all and (min-width: 700px) {
  .listing-proprietati .card-proprietate {
    margin: 0 10px 50px;
    width: calc((100% - 40px) / 2);
  }
}
@media all and (min-width: 1023px) {
  .listing-proprietati .card-proprietate {
    width: calc((100% - 60px) / 3);
  }
}
@media all and (min-width: 1280px) {
  .listing-proprietati .card-proprietate {
    width: calc((100% - 80px) / 4);
  }
}
@media all and (min-width: 1600px) {
  .listing-proprietati .card-proprietate {
    width: calc((100% - 100px) / 5);
  }
}
@media all and (min-width: 2150px) {
  .listing-proprietati .card-proprietate {
    width: calc((100% - 120px) / 6);
  }
}
@media all and (min-width: 2700px) {
  .listing-proprietati .card-proprietate {
    width: calc((100% - 140px) / 7);
  }
}
.listing-proprietati.proprietati-related {
  box-shadow: 0 -1px 20px rgba(34, 41, 56, 0.1);
}
.listing-proprietati.proprietati-related .controller {
  justify-content: center;
  padding-top: 40px;
  max-width: 100%;
}
@media all and (min-width: 700px) {
  .listing-proprietati.proprietati-related .controller {
    padding-top: 60px;
    margin-top: 30px;
  }
}
.listing-proprietati.proprietati-related + .disclaimer .controller {
  max-width: 1330px;
}
.listing-proprietati.proprietati-ansamblu {
  padding-left: 25px;
  padding-right: 25px;
}
@media all and (min-width: 700px) {
  .listing-proprietati.proprietati-ansamblu {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 0;
  }
}
@media all and (min-width: 700px) {
  .listing-proprietati.proprietati-ansamblu + .disclaimer,
  .listing-proprietati.proprietati-ansamblu + .harta-agent {
    margin-top: 0;
  }
}
.listing-proprietati .pagination {
  position: sticky;
  bottom: -1px;
  z-index: 10;
  padding: 10px;
  background-color: #F3F6F9;
  width: 100vw;
  margin: 0 -25px;
}
@media all and (min-width: 700px) {
  .listing-proprietati .pagination {
    background-color: #FFF;
    position: static;
    width: 100%;
    padding: 10px;
    margin: 0;
    border: none;
    box-shadow: none;
  }
}
@media all and (min-width: 700px) {
  .listing-proprietati + .disclaimer,
  .listing-proprietati + .harta-agent {
    margin-top: -10px;
  }
}

.proprietati-related__wrapper {
  display: flex;
  overflow-x: auto;
  padding: 0 25px;
}

.proprietati-related__inner {
  display: flex;
}
.proprietati-related__inner .card-proprietate {
  width: 280px;
}
.proprietati-related__inner .card-proprietate + .card-proprietate {
  margin-left: 20px;
}

.card-proprietate {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (hover: hover) {
  .card-proprietate:hover .card-nume-agentie .thumb img {
    transform: none;
  }
  .card-proprietate:hover .card-nav {
    opacity: 1;
  }
  .card-proprietate:hover .card-nav__prev,
  .card-proprietate:hover .card-nav__next {
    pointer-events: auto;
  }
}

@media all and (min-width: 700px) {
  .card-proprietate--promo {
    box-shadow: 0 15px 0 #F3F6F9;
  }
}
.card-proprietate--promo .card-text-area {
  background-color: #F3F6F9;
  padding-left: 15px;
  padding-bottom: 15px;
  border-radius: 10px 0 0 0;
}
@media all and (min-width: 700px) {
  .card-proprietate--promo .card-text-area {
    padding-bottom: 0;
  }
}
.card-proprietate--promo .three-dots-menu {
  right: 10px;
}
.card-proprietate--promo .localizare {
  background-color: #FFF;
  margin-left: 0;
}

.card-nav {
  opacity: 0;
  height: 32px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  pointer-events: none;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  z-index: 50;
  padding: 0 10px;
}

.card-nav__prev,
.card-nav__next {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #FFF;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(34, 41, 56, 0.5);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.9;
}
@media (hover: hover) {
  .card-nav__prev:hover,
  .card-nav__next:hover {
    transform: scale(1.05);
    opacity: 1;
  }
}

.card-nav__prev {
  background-image: url(../images/arrow-prev-photo.svg);
}

.card-nav__next {
  background-image: url(../images/arrow-next-photo.svg);
}

.card-nume-agentie {
  font-size: 14px;
  margin-bottom: 8px;
  position: relative;
}
.card-nume-agentie .thumb {
  position: absolute;
  width: 60px;
  padding-bottom: 16px;
  top: 3px;
  right: 0;
  background-color: transparent;
}
.card-nume-agentie .thumb img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center right;
     object-position: center right;
}

.card-inner {
  background: #FFF;
  flex: 1;
}
@media all and (min-width: 700px) {
  .card-inner {
    display: flex;
    flex-direction: column;
  }
}
.card-inner.card-ad {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F3F6F9;
}

.card-image-area {
  position: relative;
  border-radius: 0 10px;
  overflow: hidden;
}
.card-image-area::before, .card-image-area::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.65;
}
.card-image-area::before {
  top: 0;
  bottom: 55%;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  display: none;
}
.card-image-area::after {
  bottom: 0;
  top: 55%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

.card-zona-pret {
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 60px;
  color: #FFF;
  text-shadow: 0 1px 0 rgba(34, 41, 56, 0.5);
  line-height: 1.2;
  z-index: 3;
  pointer-events: none;
}

.card-open-house {
  font-size: 14px;
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 10px;
}
.card-open-house span {
  background-color: rgba(10, 194, 155, 0.9);
  display: inline-block;
  padding: 6px 8px;
  border-radius: 3px;
}

.card-zona {
  margin: 0 0 3px;
  font-size: 14px;
}

.card-pret {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
}

.card-labels {
  position: absolute;
  z-index: 3;
  top: 15px;
  left: 15px;
  color: #222938;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1;
  display: flex;
  pointer-events: none;
}
.card-labels div {
  padding: 5px 6px 0 7px;
  height: 22px;
  margin-right: 5px;
  border-radius: 3px;
  background-color: #FFF;
  box-shadow: 0 1px 0 rgba(34, 41, 56, 0.5);
}
.card-labels div.card-label-promo {
  background-color: #38A2E0;
  background: linear-gradient(45deg, #FF7E01 0%, #D70F64 100%);
  color: #FFF;
}
.card-labels div img {
  width: 30px;
}

.card-icons {
  position: absolute;
  z-index: 3;
  top: 12px;
  right: 12px;
  display: flex;
  pointer-events: none;
}
.card-icons img {
  width: 28px;
  margin-left: 5px;
}
.card-icons a {
  pointer-events: auto;
}

.card-heart {
  position: absolute;
  z-index: 3;
  bottom: 9px;
  right: 14px;
}
.card-heart img {
  width: 24px;
}

.card-text-area {
  padding: 15px 25px 0 3px;
  font-size: 16px;
  position: relative;
}
@media all and (min-width: 700px) {
  .card-text-area {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}
.card-text-area > a:first-child {
  flex: 1;
}
.card-text-area p {
  margin-bottom: 0;
}
.card-text-area h2 {
  font-size: 16px;
  line-height: 1.3;
  color: #222938;
  margin: 0 0 8px;
}
@media all and (min-width: 1280px) {
  .card-text-area h2 {
    text-align: left;
  }
}

.card-text-detalii {
  list-style-type: none;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 10px;
}
.card-text-detalii li {
  margin-right: 10px;
  display: inline;
}
.card-titlu {
  font-size: 18px !important;
}

.card-text-detalii--tags {
  font-weight: 400;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  transform: translateX(-3px);
  margin-top: 10px;
  margin-bottom: 0;
}
.card-text-detalii--tags li {
  display: inline-block;
  border: 1px solid rgba(34, 41, 56, 0.15);
  border-radius: 100px;
  padding: 2px 8px 3px;
  margin-right: 3px;
  margin-bottom: 4px;
}

.card-text-adresa {
  margin: 0;
  font-size: 14px;
}
.card-text-adresa a {
  font-weight: 700;
  color: #38A2E0;
}
.card-text-adresa a:hover {
  text-decoration: underline;
}

.card-text-reveal {
  color: #38A2E0;
  text-decoration: underline;
}
@media (hover: hover) {
  .card-text-reveal:hover {
    color: #38A2E0;
    text-decoration: underline;
  }
}

.card-hidden {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.85);
}
.card-hidden a {
  color: #FF7E01;
  background-color: #FFF;
  padding: 8px 15px;
  border-radius: 100px;
  border: 1px solid #FF7E01;
  font-size: 14px;
  margin-left: 3px;
  margin-right: 3px;
  font-weight: 700;
}
@media (hover: hover) {
  .card-hidden a:hover {
    color: #FFF;
    background-color: #FF7E01;
  }
}

.card-hidden__inner {
  width: 100%;
  aspect-ratio: 3/2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.three-dots-menu {
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  width: 30px;
  height: 30px;
}
.three-dots-menu.active .three-dots-menu__trigger {
  background-image: url(../images/three-dots-close.svg);
}
.three-dots-menu.active .three-dots-menu__list {
  opacity: 1;
  pointer-events: initial;
}

.three-dots-menu__trigger {
  background-image: url(../images/three-dots.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  cursor: pointer;
  transform: translateX(8px);
}

.three-dots-menu__list {
  opacity: 0;
  pointer-events: none;
  list-style-type: none;
  position: absolute;
  top: 30px;
  right: 0;
  width: 200px;
  font-size: 14px;
  line-height: 1.1;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  box-shadow: 0 2px 10px rgba(34, 41, 56, 0.25);
  border-radius: 5px;
  z-index: 5;
  overflow: hidden;
  background-color: #222938;
  box-shadow: none;
  color: #FFF;
}
.three-dots-menu__list a {
  display: block;
  padding: 10px 12px;
}
@media (hover: hover) {
  .three-dots-menu__list a:hover {
    background-color: #F3F6F9;
    background-color: rgba(56, 162, 224, 0.25);
  }
}
.three-dots-menu__list li + li a {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.optiuni-afisare {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0 25px;
}
@media all and (min-width: 700px) {
  .optiuni-afisare {
    padding: 10px;
    margin: 0 10px 30px;
    background-color: #F3F6F9;
    border-radius: 10px;
    justify-content: space-between;
  }
}
.optiuni-afisare select {
  display: none;
  margin-bottom: 0;
  padding: 9px 14px 8px;
  height: 42px;
  font-size: 16px;
  width: 310px;
  border-radius: 5px;
  border: none;
  box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
}
@media all and (min-width: 700px) {
  .optiuni-afisare select {
    display: block;
  }
}

.vezi-si {
  order: 5;
  font-size: 16px;
  margin-top: 20px;
}
@media all and (min-width: 700px) {
  .vezi-si {
    display: none;
  }
}
@media all and (min-width: 1280px) {
  .vezi-si {
    display: block;
    order: unset;
    margin-right: auto;
    margin-left: 20px;
    margin-top: 7px;
  }
}
.vezi-si a {
  font-weight: 700;
  color: #FF7E01;
  display: inline-block;
  background-color: #FFF;
  border: 1px solid #FF7E01;
  padding: 3px 12px 2px;
  margin: 0 4px;
  border-radius: 100px;
  font-size: 15px;
}
@media (hover: hover) {
  .vezi-si a:hover {
    text-decoration: underline;
  }
}

@media all and (min-width: 700px) {
  .view-modes {
    display: flex;
    margin-left: 20px;
  }
}

.view-list,
.view-map {
  background-color: #F3F6F9;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  font-size: 15px;
  background-position: 15px center;
  background-size: 16px;
  width: auto;
  padding: 6px 15px 6px 40px;
}
.view-list.selected,
.view-map.selected {
  color: #FFF;
  background-color: #38A2E0;
}

.view-list {
  border-radius: 5px 0 0 5px;
  background-image: url(../images/icon-list-notselected.svg);
  color: #FFF;
  background-color: #38A2E0;
  background-image: url(../images/icon-list-selected.svg);
}
.view-list.selected {
  background-image: url(../images/icon-list-selected.svg);
}
@media (hover: hover) {
  .view-list:hover {
    color: #FFF;
  }
}
.view-list:focus {
  color: #FFF;
}
.has-map .view-list {
  color: #222938;
  background-color: #F3F6F9;
  background-image: url(../images/icon-map-selected.svg);
  background-image: url(../images/icon-list-notselected.svg);
}
@media (hover: hover) {
  .has-map .view-list:hover {
    background-color: #e9eef4;
  }
}

.view-map {
  border-radius: 0 5px 5px 0;
  background-image: url(../images/icon-map-notselected.svg);
}
.view-map.selected {
  background-image: url(../images/icon-map-selected.svg);
}
@media (hover: hover) {
  .view-map:hover {
    background-color: #e9eef4;
  }
}
.has-map .view-map {
  color: #FFF;
  background-color: #38A2E0;
  background-image: url(../images/icon-map-selected.svg);
}

.check-group {
  display: none;
  position: relative;
}
@media all and (min-width: 700px) {
  .check-group {
    display: block;
    margin-left: 5px;
  }
}
.check-group input {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
}
.check-group input:checked + label {
  background-color: #38A2E0;
  color: #FFF;
  box-shadow: none;
}
.check-group label {
  background-color: #FFF;
  color: #222938;
  font-size: 16px;
  padding: 9px 12px 0 32px;
  height: 42px;
  margin-bottom: 0;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
  font-weight: 400;
}

.listing-harta-wrapper {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.listing-harta-wrapper .card-proprietate {
  width: 100%;
}
@media all and (min-width: 1600px) {
  .listing-harta-wrapper .card-proprietate {
    width: calc(50% - 20px);
  }
}
.listing-harta-wrapper + .pagination {
  display: none;
}
@media all and (min-width: 1023px) {
  .listing-harta-wrapper + .pagination {
    display: flex;
  }
}

.listing-harta {
  display: none;
}
@media all and (min-width: 1023px) {
  .listing-harta {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
  }
}
@media all and (min-width: 1280px) {
  .listing-harta {
    width: 35%;
  }
}
@media all and (min-width: 1600px) {
  .listing-harta {
    width: calc(50% - 12px);
  }
}

.harta-listing {
  width: 100vw;
  margin-left: -25px;
}
@media all and (min-width: 700px) {
  .harta-listing {
    margin: 10px 0 0 -40px;
  }
}
@media all and (min-width: 1023px) {
  .harta-listing {
    width: auto;
    margin: 29px 10px 20px 30px;
    flex: 1;
    position: sticky;
    top: 0;
    height: 100vh;
  }
}
.harta-listing iframe {
  width: 100%;
  height: 90vh;
}
@media all and (min-width: 1023px) {
  .harta-listing iframe {
    height: 100vh;
  }
}

.numere {
  display: flex;
  padding: 0 25px 20px;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media all and (min-width: 700px) {
  .numere {
    padding: 0 10% 30px;
    justify-content: space-around;
  }
}
@media all and (min-width: 1023px) {
  .numere {
    padding: 0 10% 60px;
    flex-wrap: nowrap;
  }
}
@media all and (min-width: 1600px) {
  .numere {
    padding: 0 17% 60px;
  }
}

.numar {
  text-align: center;
  width: 50%;
  margin-bottom: 40px;
}
@media all and (min-width: 1023px) {
  .numar {
    width: auto;
    margin-bottom: 0;
  }
}
.numar img {
  margin-bottom: 23px;
}
@media all and (min-width: 1600px) {
  .numar img {
    width: 7.85vw;
  }
}
.numar h4,
.numar .h4 {
  font-size: 28px;
  font-weight: 400;
  color: #38A2E0;
  margin: 0;
}
@media all and (min-width: 700px) {
  .numar h4,
  .numar .h4 {
    font-size: 48px;
  }
}
.numar p {
  margin: -5px 0 0;
  font-size: 22px;
}

.mls {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 30px 25px 70px;
}
@media all and (min-width: 700px) {
  .mls {
    padding: 30px 6.5vw 70px;
  }
}
@media all and (min-width: 1023px) {
  .mls {
    flex-wrap: nowrap;
    padding: 40px 5% 70px;
  }
}

.mls-text {
  width: 100%;
}
@media all and (min-width: 1023px) {
  .mls-text {
    width: 46.5vw;
    margin-right: 9vw;
  }
}
.mls-text h2,
.mls-text .h2 {
  font-size: 36px;
  margin-bottom: 20px;
}
@media all and (min-width: 700px) {
  .mls-text h2,
  .mls-text .h2 {
    font-size: 60px;
    margin-bottom: 33px;
  }
}
.mls-text .thumb {
  padding-bottom: 56.25%;
  box-shadow: 15px 15px 0 #F3F6F9;
  margin-bottom: 35px;
}
@media all and (min-width: 700px) {
  .mls-text .thumb {
    margin-bottom: 45px;
  }
}
@media all and (min-width: 1023px) {
  .mls-text .thumb {
    margin-bottom: 65px;
    box-shadow: 30px 30px 0 #F3F6F9;
  }
}
.mls-text p {
  color: #222938;
  font-size: 16px;
}
@media all and (min-width: 700px) {
  .mls-text p {
    font-size: 18px;
  }
}

.mls-list {
  width: 100%;
  margin-top: 20px;
  list-style-type: none;
  background-color: #F3F6F9;
  background-image: url(../images/mls-illustration.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  padding: 10vw 10vw 85vw;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.65;
}
@media all and (min-width: 700px) {
  .mls-list {
    padding: 40px;
    background-size: 300px;
    background-position: right -172px;
    height: 340px;
  }
}
@media all and (min-width: 1023px) {
  .mls-list {
    width: 25.7vw;
    padding: 40px 40px 24vw;
    background-position: bottom;
    background-size: 100%;
    height: auto;
  }
}
.mls-list a {
  display: block;
}
@media (hover: hover) {
  .mls-list a:hover {
    color: #38A2E0;
  }
}
.mls-list.apair-list {
  background-image: url(../images/apair-illustration.svg);
  padding: 10vw 10vw 90vw;
  margin-bottom: -30px;
}
@media all and (min-width: 700px) {
  .mls-list.apair-list {
    height: 300px;
    padding: 40px;
    background-position: right -223px;
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
@media all and (min-width: 1023px) {
  .mls-list.apair-list {
    padding: 40px 40px 27vw;
    margin-top: 0;
    margin-bottom: 0;
    background-position: bottom;
    background-size: 100%;
    height: auto;
  }
}

.logo-apair {
  margin-bottom: 30px;
}

.news {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.news + .events {
  margin-top: 40px;
}
@media all and (min-width: 1600px) {
  .news + .events {
    margin-top: 4.5vw;
  }
}

.news-top,
.news-bottom {
  width: 91.80555vw;
  margin: 0 auto;
  position: relative;
}
.news-top img,
.news-bottom img {
  width: 100%;
  pointer-events: none;
}

.news-bottom .see-all {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-55px);
  z-index: 1;
  width: 71.52795vw;
  text-align: center;
}
@media all and (min-width: 700px) {
  .news-bottom .see-all {
    transform: translateX(-50%) translateY(-40px);
    width: auto;
  }
}
@media all and (min-width: 1023px) {
  .news-bottom .see-all {
    transform: translateX(-50%) translateY(-20px);
  }
}
@media all and (min-width: 1280px) {
  .news-bottom .see-all {
    transform: translateX(-50%);
  }
}

.news-wrapper {
  width: 91.80555vw;
  background-image: url(../images/news-shape-2.svg);
  background-size: 100% 100%;
  padding: 0 10.1388vw 60px;
  text-align: center;
  margin: -2px 0;
}
@media all and (min-width: 700px) {
  .news-wrapper {
    padding: 0 10.1388vw 40px;
  }
}
@media all and (min-width: 1023px) {
  .news-wrapper {
    padding: 0 10.1388vw 20px;
  }
}
@media all and (min-width: 1280px) {
  .news-wrapper {
    padding: 0 10.1388vw;
  }
}
.news-wrapper h4,
.news-wrapper .h4 {
  text-align: center;
  color: #38A2E0;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 20px;
  position: relative;
}
@media all and (min-width: 700px) {
  .news-wrapper h4,
  .news-wrapper .h4 {
    margin-top: -10px;
    margin-bottom: 30px;
  }
}
@media all and (min-width: 1023px) {
  .news-wrapper h4,
  .news-wrapper .h4 {
    margin-top: -25px;
    margin-bottom: 50px;
  }
}
@media all and (min-width: 1280px) {
  .news-wrapper h4,
  .news-wrapper .h4 {
    margin-top: -40px;
  }
}
@media (hover: hover) {
  .news-wrapper .news-item:hover .news-item-info h2,
  .news-wrapper .news-item:hover .news-item-info .h2 {
    border-bottom-color: transparent;
    color: #38A2E0;
  }
}
.news-wrapper > .news-item {
  margin-bottom: 30px;
  text-align: left;
}
@media all and (min-width: 700px) {
  .news-wrapper > .news-item {
    margin-bottom: 40px;
    flex-wrap: wrap;
  }
}
@media all and (min-width: 1023px) {
  .news-wrapper > .news-item {
    flex-wrap: nowrap;
    margin-bottom: 50px;
  }
}
@media all and (min-width: 1280px) {
  .news-wrapper > .news-item {
    margin-bottom: 90px;
  }
}
.news-wrapper > .news-item .thumb {
  width: 71.5vw;
  padding-bottom: 47.66vw;
  box-shadow: 15px 15px 0 rgba(56, 162, 224, 0.08);
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 25px;
}
@media all and (min-width: 1023px) {
  .news-wrapper > .news-item .thumb {
    width: 32.6388vw;
    padding-bottom: 21.7361vw;
    margin-right: 90px;
    box-shadow: 30px 30px 0 rgba(56, 162, 224, 0.08);
    margin-bottom: 0;
  }
}
.news-wrapper > .news-item .news-item-info h2,
.news-wrapper > .news-item .news-item-info .h2 {
  font-size: 28px;
  line-height: 1.15;
  padding-bottom: 5px;
}
@media all and (min-width: 700px) {
  .news-wrapper > .news-item .news-item-info h2,
  .news-wrapper > .news-item .news-item-info .h2 {
    font-size: 36px;
  }
}
@media all and (min-width: 1280px) {
  .news-wrapper > .news-item .news-item-info h2,
  .news-wrapper > .news-item .news-item-info .h2 {
    font-size: 48px;
  }
}
.news-wrapper > .news-item .news-item-info p {
  font-size: 16px;
  color: #222938;
}
@media all and (min-width: 700px) {
  .news-wrapper > .news-item .news-item-info p {
    font-size: 18px;
  }
}

.secondary-news-wrapper {
  text-align: left;
}
@media all and (min-width: 700px) {
  .secondary-news-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media all and (min-width: 700px) {
  .secondary-news-wrapper .news-item {
    flex-wrap: wrap;
    width: calc((100% - 60px) / 3);
  }
}
.secondary-news-wrapper .news-item .thumb {
  margin-left: 0;
  margin-right: 15px;
  margin-bottom: 0;
  width: 80px;
  padding-bottom: 80px;
}
@media all and (min-width: 700px) {
  .secondary-news-wrapper .news-item .thumb {
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
    padding-bottom: 66.66%;
  }
}
.secondary-news-wrapper .news-item .news-item-info {
  margin-top: -3px;
}
@media all and (min-width: 700px) {
  .secondary-news-wrapper .news-item .news-item-info {
    margin-top: 0;
  }
}
.secondary-news-wrapper .news-item .news-item-info h2,
.secondary-news-wrapper .news-item .news-item-info .h2 {
  font-size: 18px;
}
@media all and (min-width: 1023px) {
  .secondary-news-wrapper .news-item .news-item-info h2,
  .secondary-news-wrapper .news-item .news-item-info .h2 {
    font-size: 22px;
  }
}

.see-all {
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #38A2E0;
  border: 1px solid #38A2E0;
  border-radius: 100px;
  line-height: 1.1;
  padding: 15px 30px 14px;
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .see-all:hover {
    color: #FFF;
    background-color: #38A2E0;
  }
}

.events {
  text-align: center;
  padding: 90px 0 10vw;
  background-image: url(../images/bg-section-events.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  color: #FFF;
  width: 100%;
  overflow: hidden;
}
@media all and (min-width: 700px) {
  .events {
    padding: 120px 0 15vw;
  }
}
@media all and (min-width: 1023px) {
  .events {
    padding: 10vw 0;
  }
}
.events::before, .events::after {
  content: "";
  display: block;
  position: absolute;
  width: 102vw;
  left: -1vw;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.events::before {
  background-image: url(../images/shape-section-events-top.svg);
  height: 80px;
  background-size: cover;
  background-position: center;
  top: 0;
  box-shadow: inset 0 1px 0 #FFF;
}
@media all and (min-width: 1023px) {
  .events::before {
    height: 8.57083vw;
    background-size: contain;
  }
}
.events::after {
  background-image: url(../images/shape-section-events-bottom.svg);
  height: 30.30179vw;
  bottom: 0;
  box-shadow: inset 0 -1px 0 #FFF;
}
.events .controller {
  max-width: 1030px;
  margin: 0 25px;
}
@media all and (min-width: 700px) {
  .events .controller {
    margin: 0 6.5vw;
  }
}
@media all and (min-width: 1280px) {
  .events .controller {
    margin: 0 auto;
  }
}
@media all and (min-width: 1600px) {
  .events .controller {
    max-width: 71.53vw;
  }
}
.events h4,
.events .h4 {
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 30px;
  position: relative;
}
@media all and (min-width: 700px) {
  .events h4,
  .events .h4 {
    margin-bottom: 65px;
  }
}
.events .news-item {
  margin-bottom: 20px;
  text-align: left;
  flex-wrap: wrap;
}
@media all and (min-width: 700px) {
  .events .news-item {
    flex-wrap: nowrap;
    margin-bottom: 80px;
  }
}
.events .news-item .thumb {
  margin-left: 0;
  margin-right: 0;
}
@media all and (min-width: 700px) {
  .events .news-item .thumb {
    width: 32.6388vw;
    padding-bottom: 21.7361vw;
    box-shadow: 30px 30px 0 rgba(0, 0, 0, 0.5);
    margin-right: 90px;
  }
}
.events .news-item .news-item-info h2,
.events .news-item .news-item-info .h2 {
  font-size: 36px;
  line-height: 1.15;
  padding-bottom: 10px;
  color: #38A2E0;
}
@media all and (min-width: 700px) {
  .events .news-item .news-item-info h2,
  .events .news-item .news-item-info .h2 {
    font-size: 48px;
  }
}
.events .news-item .news-item-info p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
}
@media all and (min-width: 700px) {
  .events .news-item .news-item-info p {
    font-size: 22px;
  }
}
@media (hover: hover) {
  .events .news-item:hover .news-item-info h2,
  .events .news-item:hover .news-item-info .h2 {
    border-bottom-color: transparent;
    color: #38A2E0;
  }
}
.events .see-all {
  margin-top: 30px;
  margin-bottom: 25px;
  width: 100%;
  background-color: #38A2E0;
  color: #FFF;
  border: none;
}
@media all and (min-width: 700px) {
  .events .see-all {
    margin-top: 60px;
    padding: 29px 45px 27px;
    font-size: 22px;
    width: auto;
    margin-bottom: 0;
  }
}
@media (hover: hover) {
  .events .see-all:hover {
    background-color: #38A2E0;
  }
}

.events-table {
  text-align: left;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  width: 100%;
  display: block;
}
@media all and (min-width: 700px) {
  .events-table {
    display: table;
    font-size: 22px;
  }
}
.events-table tr {
  display: flex;
  flex-direction: column-reverse;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding: 20px 0 18px;
}
@media all and (min-width: 700px) {
  .events-table tr {
    display: table-row;
    border-bottom: none;
    padding: 0;
  }
}
.events-table td {
  display: block;
  padding: 0;
}
@media all and (min-width: 700px) {
  .events-table td {
    display: table-cell;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: 20px 20px;
  }
}
@media all and (min-width: 1023px) {
  .events-table td {
    padding: 20px 30px;
  }
}
@media all and (min-width: 700px) {
  .events-table td:first-child {
    width: 320px;
  }
}
.events-table a {
  color: #38A2E0;
  font-weight: 700;
}
@media (hover: hover) {
  .events-table a:hover {
    color: #38A2E0;
  }
}

.flexmls {
  padding: 4.2vw 0;
}
@media all and (min-width: 700px) {
  .flexmls .controller {
    max-width: 81.25vw;
    display: flex;
    align-items: center;
  }
}
.flexmls h2,
.flexmls .h2 {
  font-size: 36px;
  margin-bottom: 25px;
}
@media all and (min-width: 700px) {
  .flexmls h2,
  .flexmls .h2 {
    font-size: 60px;
    margin-bottom: 35px;
  }
}
.flexmls ul {
  list-style-type: none;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
}
@media (hover: hover) {
  .flexmls ul a:hover {
    color: #38A2E0;
  }
}

.flexmls-info {
  padding: 10vw;
}
@media all and (min-width: 700px) {
  .flexmls-info {
    padding: 5vw 10vw 5vw 0;
  }
}
@media all and (min-width: 1023px) {
  .flexmls-info {
    width: 40vw;
    background-image: url(../images/flex-mls-ill-01.svg), url(../images/flex-mls-ill-02.svg);
    background-repeat: no-repeat;
    background-position: left top, right bottom;
    padding: 8.125vw 0 13vw 6.9vw;
  }
}
@media all and (min-width: 1280px) {
  .flexmls-info {
    width: 30vw;
  }
}

.flexmls-illustration {
  flex: 1;
  margin-bottom: 20px;
}
.flexmls-illustration img {
  width: 100%;
}

.testimoniale {
  text-align: center;
  padding-top: 30px;
  position: relative;
  margin-bottom: 40px;
}
@media all and (min-width: 700px) {
  .testimoniale {
    margin-bottom: 70px;
  }
}
.testimoniale .controller {
  overflow-x: scroll;
  display: flex;
  scrollbar-color: #FFF #FFF;
  scrollbar-width: thin;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
@media all and (min-width: 700px) {
  .testimoniale .controller {
    max-width: 1170px;
    margin: 0 auto;
  }
}
@media all and (min-width: 1600px) {
  .testimoniale .controller {
    max-width: 82vw;
  }
}
.testimoniale .controller::-webkit-scrollbar {
  height: 0;
  background-color: #FFF;
}
.testimoniale .controller::-webkit-scrollbar-thumb {
  background: #FFF;
}
.testimoniale .news-item {
  background-color: #F3F6F9;
  align-items: flex-start;
  margin-bottom: 0;
  text-align: left;
  width: calc(100vw - 60px);
  padding: 25px;
  flex-direction: column;
}
@media all and (min-width: 700px) {
  .testimoniale .news-item {
    padding: 32px 35px 40px 32px;
    width: 570px;
    flex-direction: row;
  }
}
@media all and (min-width: 1600px) {
  .testimoniale .news-item {
    width: calc((82vw - 30px) / 2);
  }
}
.testimoniale .news-item + .news-item {
  margin-left: 10px;
}
@media all and (min-width: 700px) {
  .testimoniale .news-item + .news-item {
    margin-left: 30px;
  }
}
.testimoniale .thumb {
  width: 120px;
  padding-bottom: 120px;
  border-radius: 500px;
  margin-left: 0;
  margin-right: 0;
}
@media all and (min-width: 700px) {
  .testimoniale .thumb {
    width: 160px;
    padding-bottom: 160px;
    margin-right: 32px;
  }
}
.testimoniale .news-item-info {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.testimoniale .news-item-info p {
  flex: 1;
  margin-top: -5px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.35;
}
@media all and (min-width: 700px) {
  .testimoniale .news-item-info p {
    font-size: 22px;
  }
}
.testimoniale .see-all {
  margin-top: 30px;
  width: calc(100% - 50px);
}
@media all and (min-width: 700px) {
  .testimoniale .see-all {
    margin-top: 60px;
    width: auto;
  }
}

.testimoniale-wrapper {
  display: flex;
}

.testimonial-nume {
  font-weight: 700;
  font-size: 22px;
  margin-top: 15px;
}

.testimonial-functie {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(34, 41, 56, 0.5);
}

.testimoniale-arrow {
  display: none;
}
@media all and (min-width: 1280px) {
  .testimoniale-arrow {
    position: absolute;
    top: calc((100% - 190px) / 2);
    display: block;
    padding: 30px;
  }
}
.testimoniale-arrow.arrow-prev {
  left: 2%;
}
@media (hover: hover) {
  .testimoniale-arrow.arrow-prev:hover img {
    transform: translateX(-5px);
  }
}
.testimoniale-arrow.arrow-next {
  right: 2%;
}
@media (hover: hover) {
  .testimoniale-arrow.arrow-next:hover img {
    transform: translateX(5px);
  }
}

.education {
  padding: 11vw 0 3vw;
  background-image: url(../images/education-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  color: #FFF;
  width: 100%;
  overflow: hidden;
}
@media all and (min-width: 700px) {
  .education {
    padding: 14vw 0 6vw;
  }
}
@media all and (min-width: 1280px) {
  .education {
    padding: 11vw 0 3vw;
  }
}
.education::before, .education::after {
  content: "";
  display: block;
  position: absolute;
  width: 102vw;
  left: -1vw;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.education::before {
  background-image: url(../images/education-ill-1.svg);
  height: 80px;
  background-size: cover;
  background-position: center;
  top: 0;
  box-shadow: inset 0 1px 0 #FFF;
}
@media all and (min-width: 1023px) {
  .education::before {
    height: 7.9333vw;
  }
}
.education::after {
  background-image: url(../images/education-ill-2.svg);
  height: 5.3833vw;
  bottom: 0;
  box-shadow: inset 0 -1px 0 #FFF;
  z-index: 3;
}
.education .controller {
  display: flex;
  flex-direction: column-reverse;
}
@media all and (min-width: 700px) {
  .education .controller {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    max-width: none;
    margin-top: 40px;
  }
}
@media all and (min-width: 1023px) {
  .education .controller {
    margin-top: 0;
  }
}

@media all and (min-width: 700px) {
  .education-illustration {
    width: 25vw;
  }
}
@media all and (min-width: 1023px) {
  .education-illustration {
    width: 38.4722vw;
    padding: 0 55px;
  }
}
.education-illustration img {
  width: 100%;
}
@media all and (min-width: 1280px) {
  .education-illustration img {
    transform: translateY(20px);
  }
}
@media all and (min-width: 1600px) {
  .education-illustration img {
    transform: none;
  }
}

.education-info {
  padding: 20vw 10vw 10vw;
}
@media all and (min-width: 700px) {
  .education-info {
    width: 60vw;
    padding: 0 0 10vw 7vw;
  }
}
@media all and (min-width: 1023px) {
  .education-info {
    width: 42.7777vw;
    padding: 1.11vw 0 7.8333vw 3.1944vw;
  }
}
.education-info h2,
.education-info .h2 {
  font-size: 36px;
  margin-bottom: 20px;
}
@media all and (min-width: 700px) {
  .education-info h2,
  .education-info .h2 {
    font-size: 60px;
    margin-bottom: 35px;
  }
}
.education-info ul {
  list-style-type: none;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 40px;
}
@media all and (min-width: 700px) {
  .education-info ul {
    margin-bottom: 60px;
  }
}
.education-info ul a {
  display: block;
}
@media (hover: hover) {
  .education-info ul a:hover {
    color: #38A2E0;
  }
}
.education-info .see-all {
  border: none;
  border-bottom: 1px solid #38A2E0;
  border-radius: 0;
  padding: 0 0 3px;
  margin: 0 0 5px;
}
@media all and (min-width: 700px) {
  .education-info .see-all {
    margin: 0;
  }
}
@media (hover: hover) {
  .education-info .see-all:hover {
    color: #38A2E0;
    border-bottom: 1px solid #38A2E0;
    background-color: transparent;
  }
}

.education-videos {
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
  flex-wrap: wrap;
}
@media all and (min-width: 700px) {
  .education-videos {
    flex-wrap: nowrap;
  }
}
.education-videos .news-item {
  width: 100%;
  flex-wrap: nowrap;
  margin-bottom: 20px;
  align-items: center;
}
@media all and (min-width: 700px) {
  .education-videos .news-item {
    width: calc((100% - 90px) / 3);
    flex-wrap: wrap;
    margin-right: 30px;
    margin-bottom: 0;
  }
}
.education-videos .news-item .thumb {
  margin-left: 0;
  width: 80px;
  padding-bottom: 80px;
  margin-right: 15px;
  margin-bottom: 0;
}
@media all and (min-width: 700px) {
  .education-videos .news-item .thumb {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
    padding-bottom: 66.66%;
  }
}
.education-videos .news-item .news-item-info p {
  font-size: 18px;
  padding: 0;
}
@media all and (min-width: 700px) {
  .education-videos .news-item .news-item-info p {
    padding: 15px 0 0;
  }
}
@media (hover: hover) {
  .education-videos .news-item:hover .news-item-info p {
    color: #38A2E0;
  }
}

.ready {
  text-align: center;
  padding: 40px 25px 60px;
}
@media all and (min-width: 700px) {
  .ready {
    padding: 60px 50px 10vw;
  }
}
@media all and (min-width: 1280px) {
  .ready {
    padding: 40px 50px 6vw;
  }
}
.ready h2,
.ready .h2 {
  font-size: 36px;
  margin-bottom: 15px;
}
@media all and (min-width: 700px) {
  .ready h2,
  .ready .h2 {
    font-size: 60px;
  }
}
.ready p {
  max-width: 800px;
  margin: 0 auto;
  font-size: 16px;
}
@media all and (min-width: 700px) {
  .ready p {
    font-size: 18px;
  }
}
.ready .see-all {
  background-color: #38A2E0;
  color: #FFF;
  border: none;
  margin-top: 30px;
}
@media all and (min-width: 700px) {
  .ready .see-all {
    margin-top: 60px;
    font-size: 22px;
    padding: 29px 70px 27px;
  }
}
@media (hover: hover) {
  .ready .see-all:hover {
    background-color: #38A2E0;
  }
}

.agentii {
  text-align: center;
}
.agentii .controller {
  border-top: 1px solid rgba(34, 41, 56, 0.25);
  padding: 40px 0;
}
@media all and (min-width: 700px) {
  .agentii .controller {
    padding: 100px 0;
  }
}
.agentii h2,
.agentii .h2 {
  font-size: 36px;
  margin-bottom: 30px;
}
@media all and (min-width: 700px) {
  .agentii h2,
  .agentii .h2 {
    font-size: 48px;
    margin-bottom: 40px;
  }
}

.sticky-listing-mobil {
  position: sticky;
  display: flex;
  top: 0;
  z-index: 10;
  padding: 10px;
  background-color: #FFF;
  background-color: #F3F6F9;
  width: 100vw;
  margin: 0 -25px 10px;
  box-shadow: 0 1px 4px rgba(34, 41, 56, 0.2);
  height: 62px;
}
@media all and (min-width: 700px) {
  .sticky-listing-mobil {
    display: none;
  }
}
.sticky-listing-mobil select,
.sticky-listing-mobil .sticky-filter {
  display: block;
  height: 42px;
  padding: 8px 17px 9px;
  margin: 0 5px 0 0;
  flex: 1;
  border: 1px solid rgba(56, 162, 224, 0);
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  background-color: #F3F6F9;
  background-color: #FFF;
  background-image: url(../images/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
  box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
  border-radius: 5px;
}
.sticky-listing-mobil select:focus,
.sticky-listing-mobil .sticky-filter:focus {
  border: 1px solid #38A2E0;
}
.sticky-listing-mobil .sticky-heart {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F3F6F9;
  background-color: #FFF;
  box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
  border-radius: 5px;
}

.sticky-proprietate {
  display: flex;
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 10px;
  background-color: #FFF;
  background-color: #F3F6F9;
  width: 100vw;
  box-shadow: 0 1px 4px rgba(34, 41, 56, 0.2);
  align-items: center;
  font-size: 14px;
}
@media all and (min-width: 700px) {
  .sticky-proprietate {
    display: none;
  }
}
.sticky-proprietate .breadcrumbs {
  font-size: 14px;
  height: auto;
}
.sticky-proprietate .sticky-close {
  background-color: #FFF;
  height: 42px;
  width: 42px;
  box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
}
.sticky-proprietate .sticky-button {
  background-color: #FFF;
  height: 42px;
  box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
  border-radius: 5px;
}
.sticky-proprietate > * + * {
  margin-left: 5px;
}
.sticky-proprietate.versiuneaB {
  top: 50px;
}
@media all and (min-width: 700px) {
  .sticky-proprietate.versiuneaB {
    top: 60px;
  }
}
@media all and (min-width: 1280px) {
  .sticky-proprietate.versiuneaB {
    top: 55px;
  }
}

.sticky-proprietate-fara-header {
  display: none;
}
@media all and (min-width: 700px) {
  .sticky-proprietate-fara-header {
    transform: translateY(-200px);
  }
}

.sticky-proprietate-desktop {
  display: none;
}
@media all and (min-width: 700px) {
  .sticky-proprietate-desktop {
    display: flex;
    position: fixed;
    width: 100%;
    top: 0;
    height: 62px;
    background-color: #FFF;
    box-shadow: 0 1px 20px rgba(34, 41, 56, 0.1);
    z-index: 270;
  }
}
.sticky-proprietate-desktop .controller {
  display: flex;
  align-items: center;
  font-size: 15px;
  max-width: calc(100% - 40px);
}
@media all and (min-width: 1280px) {
  .sticky-proprietate-desktop .controller {
    max-width: calc(100% - 110px);
  }
}
.sticky-proprietate-desktop .toolbar__item {
  margin-left: auto;
  font-weight: 700;
}
.sticky-proprietate-desktop.versiuneaB {
  top: 50px;
}
@media all and (min-width: 700px) {
  .sticky-proprietate-desktop.versiuneaB {
    top: 60px;
  }
}
@media all and (min-width: 1280px) {
  .sticky-proprietate-desktop.versiuneaB {
    top: 55px;
  }
}

.sticky-proprietate-desktop__logo {
  margin-right: 30px;
  padding-top: 2px;
}
.sticky-proprietate-desktop__logo img {
  height: 48px;
  width: auto;
}

.sticky-proprietate-desktop__pret {
  font-size: 22px;
  font-weight: 700;
  margin-right: 50px;
  white-space: nowrap;
}

.sticky-proprietate-desktop__detaliu {
  margin: 0 15px;
  display: flex;
  align-items: center;
}
.sticky-proprietate-desktop__detaliu img {
  width: 20px;
  margin-right: 10px;
}
.sticky-proprietate-desktop__detaliu span {
  max-width: calc(100vw - 630px);
  display: inline-block;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media all and (min-width: 1280px) {
  .sticky-proprietate-desktop__detaliu span {
    max-width: 500px;
    overflow: auto;
    text-overflow: unset;
    white-space: normal;
  }
}
.sticky-proprietate-desktop__detaliu span.last {
  padding-right: 15px;
}

.sticky-bottom {
  top: auto;
  bottom: 0;
}
.sticky-bottom > * + * {
  margin-left: 5px;
}
.sticky-bottom + footer {
  padding-bottom: 120px;
}
@media all and (min-width: 700px) {
  .sticky-bottom + footer {
    padding-bottom: 5vw;
  }
}
@media all and (min-width: 1280px) {
  .sticky-bottom + footer {
    padding-bottom: 40px;
  }
}

.sticky-proprietate-text {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 10px 0 5px;
  overflow: hidden;
}

.sticky-nume-proprietate {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sticky-mls-id {
  font-weight: 700;
}

.sticky-close {
  height: 52px;
  width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F3F6F9;
  border-radius: 5px;
}

.sticky-button {
  display: flex;
  flex: 1;
  background-color: #F3F6F9;
  align-items: center;
  height: 52px;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #38A2E0;
  text-align: center;
  line-height: 1;
  font-size: 13px;
  padding: 0 10px;
}

.sticky-button--orange {
  background-color: #FF7E01 !important;
  color: #FFF;
}

.sticky-button--blue {
  background-color: #38A2E0 !important;
  color: #FFF;
}

.sticky-red {
  background-color: #5bb2e5;
}
.sticky-red .sticky-button,
.sticky-red .sticky-close {
  background-color: rgba(255, 255, 255, 0.15);
  background-color: #38A2E0;
  color: #FFF;
}

.fader, .add__fader {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1500;
  background-color: rgba(34, 41, 56, 0.97);
}
@media all and (min-width: 1280px) {
  .fader, .add__fader {
    background-color: rgba(0, 0, 0, 0.65);
  }
}
.fader.fader-higher, .fader-higher.add__fader {
  z-index: 1600;
}

.modal-contact {
  transform: translateY(-150%);
  position: fixed;
  z-index: 1550;
  top: 0;
  width: 100%;
  pointer-events: none;
}
.modal-contact p {
  font-size: 15px;
}
.modal-contact p + .box-contact-form {
  margin-top: -5px;
}

.modal-contact__confirmare {
  background-color: #F3F6F9;
  padding: 30px;
  margin-bottom: 5px;
  margin-top: 25px;
}

.modal-buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.modal-buttons-wrapper a {
  border: 1px solid rgba(56, 162, 224, 0.5);
  font-size: 15px;
  color: #38A2E0;
  border-radius: 5px;
  padding: 7px 15px 6px;
  text-align: center;
  width: 100%;
}
@media all and (min-width: 700px) {
  .modal-buttons-wrapper a {
    width: auto;
  }
}
.modal-buttons-wrapper a + a {
  margin-top: 10px;
}
@media all and (min-width: 700px) {
  .modal-buttons-wrapper a + a {
    margin-left: 10px;
    margin-top: 0;
  }
}
@media (hover: hover) {
  .modal-buttons-wrapper a:hover {
    border: 1px solid #38A2E0;
    background-color: rgba(56, 162, 224, 0.15);
  }
}

.popup-contact {
  max-width: calc(100vw - 40px);
  background-color: #FFF;
  padding: 30px;
  margin: 20px auto;
  pointer-events: auto;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  position: relative;
  border-radius: 10px 0;
  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.25);
}
@media all and (min-width: 700px) {
  .popup-contact {
    max-width: 500px;
  }
}
@media all and (min-width: 1280px) {
  .popup-contact {
    margin: 10vh auto 0;
  }
}
.popup-contact h3,
.popup-contact .h3 {
  margin-bottom: 20px;
}
.popup-contact h6,
.popup-contact .h6 {
  text-transform: uppercase;
  border-bottom: 1px solid rgba(34, 41, 56, 0.2);
  letter-spacing: 1px;
  padding: 12px 0 10px;
  color: rgba(34, 41, 56, 0.5);
}
.popup-contact p a {
  color: #38A2E0;
}
@media (hover: hover) {
  .popup-contact p a:hover {
    text-decoration: underline;
  }
}

.popup-share textarea {
  height: 100px;
  margin-bottom: 10px;
}

.sau {
  position: relative;
  text-align: center;
  margin: 20px 0;
}
.sau::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background-color: rgba(34, 41, 56, 0.25);
  height: 1px;
  top: 55%;
}
.sau span {
  background-color: #FFF;
  position: relative;
  padding: 0 10px;
}

.modal-share-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 5px;
}

.modal-share-buton {
  display: block;
  background-color: #F3F6F9;
  font-size: 15px;
  font-weight: 700;
  padding: 11px 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid rgba(34, 41, 56, 0.1);
  width: 100%;
}
@media all and (min-width: 700px) {
  .modal-share-buton {
    width: calc(50% - 5px);
  }
}
.modal-share-buton img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
@media (hover: hover) {
  .modal-share-buton:hover {
    border-color: #222938;
  }
}

.modal-share-link-copiat {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 13px;
  pointer-events: none;
  opacity: 0;
}

.close {
  position: absolute;
  top: 5px;
  right: 2px;
}

.desktop-sticky {
  width: 100%;
  pointer-events: none;
}
.desktop-sticky > * {
  pointer-events: auto;
}
@media all and (min-width: 1280px) {
  .desktop-sticky {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 280;
  }
}
.desktop-sticky .sub-menu {
  margin-top: 11px;
}

.desktop-sticky--no-sticky {
  position: relative;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.desktop-sticky__main {
  height: 67px;
  background-color: #1e052e;
  color: #FFF;
  position: relative;
  width: 100%;
  z-index: 1002;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
@media all and (min-width: 700px) {
  .desktop-sticky__main {
    height: 77px;
  }
}
@media all and (min-width: 1280px) {
  .desktop-sticky__main {
    padding: 15px 0 0 0;
    height: 125px;
  }
}
@media all and (min-width: 1280px) {
  .desktop-sticky__main .header {
    padding: 0 50px 0 55px;
    height: 110px;
  }
}
.desktop-sticky__main::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(-90deg, #00002e 0%, #00002e 5%, #025283 28%, #025283 32%, #00002e 50%, #00002e 45%, #00002e 100%);
  background-size: 200%;
  background-position: 70% 0;
  animation-name: fade-in;
  animation-duration: 12s;
  animation-iteration-count: 1000;
}
@media all and (min-width: 1280px) {
  .desktop-sticky__main::before {
    background-image: url(../images/logo-bg.svg), linear-gradient(-90deg, #00002e 0%, #00002e 5%, #025283 28%, #025283 32%, #00002e 50%, #00002e 45%, #00002e 100%);
    background-repeat: no-repeat;
    background-position: 70% 20px, 0 0;
    background-size: 350px, cover;
  }
}
.desktop-sticky__main .logo {
  padding-bottom: 0;
}
@media all and (min-width: 1280px) {
  .desktop-sticky__main .logo {
    padding-left: 50px;
  }
}
.desktop-sticky__main .logo img {
  width: 115px;
  height: 49px;
}
@media all and (min-width: 1280px) {
  .desktop-sticky__main .logo img {
    width: 166px;
    height: 76px;
  }
}
.desktop-sticky__main .logo--grup-pro {
  display: none;
}
@media all and (min-width: 1280px) {
  .desktop-sticky__main .logo--grup-pro {
    display: block;
    margin-bottom: 15px;
  }
}
.desktop-sticky__main .logo--grup-pro img {
  width: 42px;
  height: 53px;
}
.desktop-sticky__main .main-menu > li > a {
  font-size: 16px;
  padding: 11px 0 10px;
  position: relative;
}
@media all and (min-width: 1280px) {
  .desktop-sticky__main .main-menu > li > a {
    padding: 11px 15px 10px;
  }
}
.desktop-sticky__main .main-menu > li > a::after {
  left: 0;
  top: 100%;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 11px;
  background-color: rgba(255, 255, 255, 0);
}
.desktop-sticky__main .main-menu > li.icon-link > a {
  padding: 0;
}
.desktop-sticky__main .main-menu > li.icon-link > a img {
  width: 40px;
  height: 40px;
}
@media all and (min-width: 1400px) {
  .desktop-sticky__main .main-menu > li.button-like {
    width: 190px;
  }
}
.desktop-sticky__main .main-menu > li.button-like a {
  font-size: 14px;
  width: 190px;
  text-align: center;
}
.desktop-sticky__main .main-menu > li.icon-contul-meu.user-logat > a {
  padding: 4px 34px 4px 4px;
  background-position: calc(100% - 13px) center;
}
.desktop-sticky__main .main-menu > li.icon-contul-meu.user-logat > a .thumb {
  width: 30px;
  padding-bottom: 30px;
  border-radius: 200px;
}
.desktop-sticky__main .main-menu > li.icon-contul-meu.user-logat > a span {
  margin-left: 8px;
  margin-bottom: 2px;
}
.desktop-sticky__main.desktop-sticky__main--grup-inside {
  height: 91px;
}
@media all and (min-width: 1280px) {
  .desktop-sticky__main.desktop-sticky__main--grup-inside {
    height: 125px;
  }
}

@media all and (min-width: 1280px) {
  .desktop-sticky__main--sticky {
    position: fixed;
    top: -40px;
    left: 0;
    width: 100%;
    background-image: url(../images/top-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .desktop-sticky__main--sticky .hamburger-menu {
    transform: translate(-25px, 12px);
  }
  .desktop-sticky__main--sticky .logo {
    transform: scale(0.7) translate(-20px, 20px);
  }
}

@media all and (min-width: 1280px) {
  .desktop-sticky__main--sticky--pro {
    position: fixed;
    top: -40px;
    left: 0;
    width: 100%;
    background-color: #F20000 !important;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, 0.33) 71%, rgba(255, 255, 255, 0) 100%);
  }
  .desktop-sticky__main--sticky--pro .hamburger-menu {
    transform: translate(-25px, 12px);
  }
  .desktop-sticky__main--sticky--pro .logo {
    transform: translateY(20px);
  }
  .desktop-sticky__main--sticky--pro .grup-pro-agent .thumb {
    transform: scale(0.7) translateY(10px);
    transform-origin: bottom;
  }
  .desktop-sticky__main--sticky--pro .grup-pro-agent__info {
    transform: translate(-14px, 32px);
  }
  .desktop-sticky__main--sticky--pro .grup-pro-agent__nume {
    transform: scale(0.8);
    transform-origin: left bottom;
  }
  .desktop-sticky__main--sticky--pro .grup-pro-agent__link {
    opacity: 0;
    pointer-events: none;
  }
}

.desktop-sticky__secondary {
  display: none;
}
@media all and (min-width: 1280px) {
  .desktop-sticky__secondary {
    display: block;
    height: 60px;
    width: 100%;
    background-color: #FFF;
    position: relative;
    z-index: 1001;
    box-shadow: 0 -20px 0 #FFF, 0 1px 20px rgba(34, 41, 56, 0.1);
  }
}
.desktop-sticky__secondary input[type=search] {
  background-size: 19px 19px;
}
.desktop-sticky__secondary .dropdown-zone,
.desktop-sticky__secondary .dropdown-filtru {
  top: 48px;
}
.desktop-sticky__secondary .filtre {
  padding: 12px 35px 0;
  font-size: 15px;
}
@media all and (min-width: 1400px) {
  .desktop-sticky__secondary .filtre {
    padding: 12px 55px 0;
  }
}
.desktop-sticky__secondary .filtre .separator {
  width: 15px;
  margin-right: 20px;
  border-right: 1px dashed rgba(34, 41, 56, 0.5);
}
.desktop-sticky__secondary .filtre-wrapper > .buton {
  font-size: 15px;
  padding: 6px 0;
  width: 170px;
  text-align: center;
  border: 1px solid rgba(56, 162, 224, 0.5);
  color: #38A2E0;
}
@media (hover: hover) {
  .desktop-sticky__secondary .filtre-wrapper > .buton:hover {
    border: 1px solid #38A2E0;
    background-color: rgba(56, 162, 224, 0.15);
  }
}
.desktop-sticky__secondary .filtre-item-wrapper > input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.desktop-sticky__secondary .filtre-item-wrapper > textarea,
.desktop-sticky__secondary .filtre-item-wrapper > select {
  background-color: #F3F6F9;
  font-size: 15px;
  padding: 7px 15px;
  box-shadow: inset 0 0 0 1px rgba(34, 41, 56, 0.1), 0 1px 1px rgba(34, 41, 56, 0.05);
}
.desktop-sticky__secondary .fake-input {
  padding: 7px 15px;
  box-shadow: inset 0 0 0 1px rgba(34, 41, 56, 0.1), 0 1px 1px rgba(34, 41, 56, 0.05);
}
.desktop-sticky__secondary .fake-select {
  background-color: #F3F6F9;
  box-shadow: inset 0 0 0 1px rgba(34, 41, 56, 0.1), 0 1px 1px rgba(34, 41, 56, 0.05);
}
.desktop-sticky__secondary .selected-filter {
  box-shadow: inset 3px 0 0 #ff7e01, inset 0 0 0 1px rgba(34, 41, 56, 0.1), 0 1px 1px rgba(34, 41, 56, 0.05) !important;
}
.desktop-sticky__secondary .fake-close::after {
  background-color: #F3F6F9;
  height: 30px;
}
.desktop-sticky__secondary .sticky-close {
  width: 36px;
  height: 36px;
}
.desktop-sticky__secondary .sticky-proprietate-text {
  padding: 0 20px;
}
.desktop-sticky__secondary .breadcrumbs {
  font-size: 14px;
  margin-bottom: 0;
}
@media (hover: hover) {
  .desktop-sticky__secondary .sticky-close:hover {
    box-shadow: inset 0 0 0 1px #38A2E0;
  }
}

@media all and (min-width: 1280px) {
  .desktop-sticky__secondary--articol {
    transform: translateY(-80px);
  }
}
@media all and (min-width: 1280px) {
  .nav-up .desktop-sticky__secondary--articol {
    transform: none;
  }
}

.desktop-sticky__secondary__inner {
  display: flex;
  align-items: center;
  padding: 0 55px;
  height: 60px;
  font-size: 14px;
}

.reset-filters {
  display: block;
  width: 36px;
  height: 36px;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(255, 126, 1, 0.8), 0 1px 1px rgba(34, 41, 56, 0.05);
  border-radius: 5px;
  margin-right: 5px;
  background-image: url(../images/close-orange.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72%;
}
.reset-filters span {
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.85);
  color: #FFF;
  top: calc(100% + 12px);
  left: -35px;
  width: 106px;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
  padding: 2px 0 3px;
  pointer-events: none;
  opacity: 0;
}
.reset-filters span::before {
  display: block;
  content: "";
  position: absolute;
  left: 48px;
  top: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 8px 5px;
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
}
@media (hover: hover) {
  .reset-filters:hover {
    background-color: rgba(255, 126, 1, 0.15);
  }
  .reset-filters:hover span {
    opacity: 1;
  }
}

.popup-cautare {
  display: none;
  justify-content: center;
  align-items: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1550;
  pointer-events: none;
}
@media all and (min-width: 700px) {
  .popup-cautare {
    overflow-y: scroll;
  }
}
.popup-cautare .fader, .popup-cautare .add__fader {
  z-index: 0;
}

.popup-cautare__inner {
  display: flex;
  width: 100%;
  position: relative;
  flex-wrap: wrap;
  max-width: 480px;
  pointer-events: auto;
  background-color: #FFF;
}
@media all and (min-width: 700px) {
  .popup-cautare__inner {
    top: 30px;
    border-radius: 10px 0;
  }
}
@media all and (min-width: 1280px) {
  .popup-cautare__inner {
    top: 50px;
  }
}
.popup-cautare__inner .close {
  position: static;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-cautare__inner .filtre-wrapper {
  display: flex;
}
@media all and (min-width: 700px) {
  .popup-cautare__inner .filtre-wrapper {
    flex-wrap: wrap;
  }
  .popup-cautare__inner .filtre-wrapper > * {
    width: 100%;
    flex: none;
    margin-bottom: 10px;
  }
}
.popup-cautare__inner .filtre-wrapper input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.popup-cautare__inner .filtre-wrapper textarea,
.popup-cautare__inner .filtre-wrapper select,
.popup-cautare__inner .filtre-wrapper .fake-input,
.popup-cautare__inner .filtre-wrapper .fake-select {
  border: 1px solid rgba(34, 41, 56, 0.25);
  font-size: 18px;
}
.popup-cautare__inner .filtre-wrapper .fake-close::after {
  right: 1px;
  width: 38px;
}
.popup-cautare__inner .filtre-wrapper .dropdown-zone,
.popup-cautare__inner .filtre-wrapper .dropdown-filtru {
  border: 1px solid rgba(34, 41, 56, 0.25);
  box-shadow: 0 2px 8px rgba(34, 41, 56, 0.15);
}
@media all and (min-width: 700px) {
  .popup-cautare__inner .filtre-wrapper .dropdown-zone,
  .popup-cautare__inner .filtre-wrapper .dropdown-filtru {
    width: calc(100% + 160px);
    left: -80px;
  }
}
.popup-cautare__inner .filtre-wrapper .dropdown-zone.dropdown-altele,
.popup-cautare__inner .filtre-wrapper .dropdown-filtru.dropdown-altele {
  flex-wrap: wrap;
}
@media all and (min-width: 700px) {
  .popup-cautare__inner .filtre-wrapper .dropdown-zone.dropdown-altele,
  .popup-cautare__inner .filtre-wrapper .dropdown-filtru.dropdown-altele {
    left: -265px;
    width: 950px;
    top: -300px;
    justify-content: space-between;
  }
}
.popup-cautare__inner .filtre-wrapper .dropdown-zone.dropdown-altele::after,
.popup-cautare__inner .filtre-wrapper .dropdown-filtru.dropdown-altele::after {
  background-color: #FFF;
  box-shadow: 0 30px 0 #FFF;
  display: none;
}
.popup-cautare__inner .filtre-wrapper .dropdown-zone {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  margin-bottom: 0;
}
@media all and (min-width: 700px) {
  .popup-cautare__inner .filtre-wrapper .dropdown-zone {
    width: calc(100% + 160px);
    left: -80px;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
  }
}
.popup-cautare__inner .filtre-wrapper .dropdown-altele-col {
  width: 100%;
  flex: none;
}
@media all and (min-width: 700px) {
  .popup-cautare__inner .filtre-wrapper .dropdown-altele-col {
    flex: 1;
  }
}
.popup-cautare__inner .filtre-wrapper .dropdown-altele-etc .dropdown-altele-col {
  width: 100%;
  flex: none;
}
.popup-cautare__inner .filtre-wrapper .dropdown-altele-col--last {
  padding-bottom: 10px;
  margin: 20px 0 10px;
}
@media all and (min-width: 700px) {
  .popup-cautare__inner .filtre-wrapper .dropdown-altele-col--last {
    padding-bottom: 0;
    margin: 0;
  }
}
.popup-cautare__inner .filtre-wrapper .buton {
  background-color: #38A2E0;
  margin-top: 15px;
}
@media (hover: hover) {
  .popup-cautare__inner .filtre-wrapper .buton:hover {
    color: #FFF;
    box-shadow: 0 3px 5px rgba(34, 41, 56, 0.25);
    transform: translateY(-2px);
  }
}

.popup-cautare__trigger {
  display: none;
}
.popup-cautare__trigger:checked + .popup-cautare__tab {
  background-color: rgba(56, 162, 224, 0.15);
}
.popup-cautare__trigger:checked + .popup-cautare__tab + .popup-cautare__wrapper {
  display: block;
}

.popup-cautare__tab {
  width: calc((100% - 64px) / 2);
  background-color: #FFF;
  color: #38A2E0;
  height: 64px;
  text-align: center;
  line-height: 1.1;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding-top: 2px;
  transition: none;
  cursor: pointer;
  border-radius: 10px 0 0 0;
}

.popup-cautare__wrapper {
  background-color: #FFF;
  width: 100%;
  height: calc(100vh - 64px);
  overflow-y: scroll;
  overflow-x: hidden;
  order: 3;
  display: none;
  border-radius: 0 0 10px 0;
  padding: 40px 30px;
}
@media all and (min-width: 700px) {
  .popup-cautare__wrapper {
    height: auto;
    overflow: visible;
  }
}
.popup-cautare__wrapper--articole {
  height: auto;
}
.popup-cautare__wrapper--articole input[type=submit],
.popup-cautare__wrapper--articole button {
  width: 100%;
  padding: 10px 15px 9px;
  font-size: 18px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

@media all and (min-width: 1023px) {
  .container404 {
    padding-right: 60px;
  }
}
@media all and (min-width: 1280px) {
  .container404 {
    min-height: calc(100vh - 125px - 251px);
    padding-right: 0;
  }
}
.container404 .controller {
  padding: 40px 0 30px;
}
@media all and (min-width: 700px) {
  .container404 .controller {
    max-width: 400px;
    padding-top: 50px;
  }
}
@media all and (min-width: 1023px) {
  .container404 .controller {
    display: flex;
    align-items: center;
    padding-top: 80px;
    max-width: 1170px;
  }
}
.container404 img {
  margin-bottom: 30px;
}
@media all and (min-width: 1023px) {
  .container404 img {
    margin-left: 50px;
    margin-right: 80px;
    max-width: 500px;
  }
}
.container404 h1,
.container404 .h1 {
  margin-bottom: 20px;
}
@media all and (min-width: 1023px) {
  .container404 h1,
  .container404 .h1 {
    margin-bottom: 40px;
    margin-top: -20px;
  }
}
@media all and (min-width: 1023px) {
  .container404 p {
    margin-bottom: 50px;
  }
}
.container404 a {
  color: #38A2E0;
  border-bottom: 1px solid #FFF;
}
@media (hover: hover) {
  .container404 a:hover {
    border-color: #38A2E0;
  }
}
.container404 a.buton {
  background-color: #FFF;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 18px;
  border: 1px solid rgba(56, 162, 224, 0.5);
}
@media (hover: hover) {
  .container404 a.buton:hover {
    border-color: #38A2E0;
    transform: none;
    background-color: rgba(56, 162, 224, 0.15);
    box-shadow: none;
  }
}

.login-with-social {
  padding-top: 30px;
}
@media all and (min-width: 700px) {
  .login-with-social {
    display: flex;
    padding-top: 50px;
  }
}

.login-with-social--register {
  padding-top: 30px;
  padding-bottom: 40px;
}
@media all and (min-width: 700px) {
  .login-with-social--register {
    padding-top: 10px;
    padding-bottom: 50px;
  }
}

.login-with {
  display: flex;
  box-shadow: 0 1px 3px rgba(34, 41, 56, 0.15), 0 0 0 1px rgba(34, 41, 56, 0.05);
  align-items: center;
  border-radius: 5px;
  padding: 15px 20px 12px;
  margin-top: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 1;
}
@media all and (min-width: 700px) {
  .login-with {
    flex: 1;
    margin-top: 0;
  }
}
.login-with img {
  width: 28px;
  height: 28px;
  margin-right: 20px;
}
@media all and (min-width: 700px) {
  .login-with + .login-with {
    margin-left: 10px;
  }
}
@media (hover: hover) {
  .login-with:hover {
    background-color: rgba(56, 162, 224, 0.1);
  }
}

.cautare-item {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}
.cautare-item + .cautare-item {
  padding-top: 20px;
  border-top: 1px solid rgba(34, 41, 56, 0.15);
}
.cautare-item:last-child {
  padding-bottom: 0;
}

.cautare-item__text {
  flex: 1;
  padding-right: 10px;
}
.cautare-item__text span {
  display: block;
}
@media (hover: hover) {
  .cautare-item__text:hover .cautare-item__titlu {
    color: #38A2E0;
  }
}

.cautare-item__titlu {
  font-weight: 700;
  line-height: 1.2;
  color: #38A2E0;
}

.cautare-item__descriere {
  font-size: 14px;
  margin-top: 5px;
  line-height: 1.3;
}

.cautare-item__icon {
  width: 48px;
  border-radius: 100px;
  position: relative;
}
.cautare-item__icon img {
  width: 100%;
}
@media (hover: hover) {
  .cautare-item__icon:hover {
    background-color: rgba(56, 162, 224, 0.15);
  }
  .cautare-item__icon:hover .tooltip {
    opacity: 1;
  }
}

.tooltip {
  position: absolute;
  font-size: 14px;
  width: 400px;
  pointer-events: none;
  top: -34px;
  right: 0;
  text-align: right;
  opacity: 0;
}
.tooltip span {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.9);
  color: #FFF;
  padding: 2px 10px;
  border-radius: 2px;
  position: relative;
}
.tooltip span::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
  top: 25px;
  right: 19px;
}

.listing-proprietati__platinum-wrapper {
  order: 0;
  margin-bottom: 30px;
  display: flex;
  width: 100vw;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-left: -25px;
  margin-right: -25px;
  background: #091F3F;
}
@media all and (min-width: 700px) {
  .listing-proprietati__platinum-wrapper {
    margin-left: -45px;
    margin-right: -45px;
  }
}
@media all and (min-width: 1280px) {
  .listing-proprietati__platinum-wrapper {
    width: calc(100% + 90px);
    margin-left: -45px;
    margin-right: -45px;
    margin-bottom: 50px;
  }
}

.listing-proprietati__platinum {
  background: linear-gradient(-90deg, #091F3F 0%, #1D0922 100%);
  padding: 30px 10px 20px 25px;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  color: #FFF;
}
@media all and (min-width: 700px) {
  .listing-proprietati__platinum {
    padding: 30px 45px 20px;
  }
}
@media all and (min-width: 1280px) {
  .listing-proprietati__platinum {
    padding: 45px 45px 30px 45px;
  }
}
.listing-proprietati__platinum h2,
.listing-proprietati__platinum .h2 {
  display: none;
  margin-bottom: 15px;
  color: #38A2E0;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media all and (min-width: 700px) {
  .listing-proprietati__platinum h2,
  .listing-proprietati__platinum .h2 {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media all and (min-width: 1280px) {
  .listing-proprietati__platinum h2,
  .listing-proprietati__platinum .h2 {
    display: block;
    width: 100%;
    position: absolute;
    top: 25px;
    text-transform: none;
    letter-spacing: 0;
    color: #FF7E01;
  }
}
.listing-proprietati__platinum h2 img,
.listing-proprietati__platinum .h2 img {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -2px;
}
.listing-proprietati__platinum .card-proprietate {
  width: 180px;
  margin-right: 15px;
  margin-bottom: 10px;
}
@media all and (min-width: 700px) {
  .listing-proprietati__platinum .card-proprietate {
    margin-right: 10px;
    width: calc((100vw - 90px - 80px) / 4);
  }
}
@media all and (min-width: 1023px) {
  .listing-proprietati__platinum .card-proprietate {
    width: calc((100vw - 90px - 100px) / 5);
  }
}
@media all and (min-width: 1600px) {
  .listing-proprietati__platinum .card-proprietate {
    width: calc((100vw - 90px - 120px) / 6);
  }
}
@media all and (min-width: 2150px) {
  .listing-proprietati__platinum .card-proprietate {
    width: calc((100vw - 90px - 140px) / 7);
  }
}
@media all and (min-width: 2700px) {
  .listing-proprietati__platinum .card-proprietate {
    width: calc((100vw - 90px - 160px) / 8);
  }
}
.listing-proprietati__platinum .card-proprietate .card-inner {
  background-color: transparent;
}
.listing-proprietati__platinum .card-proprietate .card-image-area::before, .listing-proprietati__platinum .card-proprietate .card-image-area::after {
  opacity: 0.5;
}
.listing-proprietati__platinum .card-proprietate .card-pret {
  font-size: 20px;
}
@media all and (min-width: 1280px) {
  .listing-proprietati__platinum .card-proprietate .card-pret {
    font-size: 24px;
  }
}
.listing-proprietati__platinum .card-proprietate .card-text-area {
  font-size: 12px;
  padding-top: 8px;
}
@media all and (min-width: 700px) {
  .listing-proprietati__platinum .card-proprietate .card-text-area {
    flex: 1;
    font-size: 14px;
  }
}
.listing-proprietati__platinum .card-proprietate .card-text-detalii {
  display: block;
  font-weight: 400;
  opacity: 0.7;
}
.listing-proprietati__platinum .card-proprietate .card-text-detalii li {
  margin-left: 0;
  display: inline-block;
}
.listing-proprietati__platinum .card-proprietate .card-text-detalii li::after {
  content: ",";
}
.listing-proprietati__platinum .card-proprietate .card-text-detalii li:last-child::after {
  display: none;
}
.listing-proprietati__platinum .card-proprietate .card-text-adresa {
  opacity: 0.7;
}
.listing-proprietati__platinum .thumb {
  background-color: #091F3F;
}

.localizare {
  display: inline-block;
  background-color: #F3F6F9;
  border-radius: 5px;
  font-size: 14px;
  letter-spacing: 0.25px;
  padding: 5px 12px 6px 31px;
  background-repeat: no-repeat;
  background-size: 14px;
  margin-top: 13px;
  margin-left: -3px;
  align-self: flex-start;
}
@media (hover: hover) {
  .localizare:hover {
    background-color: #e2e9f1;
  }
}

.localizare--exacta {
  background-image: url(../images/localizare-exacta.svg);
  background-position: 10px 8px;
}

.localizare--zona {
  background-image: url(../images/localizare-zona.svg);
  background-position: 8px 7px;
  background-size: 18px;
  padding-left: 32px;
}

.exclusiv-mls {
  display: flex;
  justify-content: space-between;
  line-height: 1.2;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 15px;
}
@media all and (min-width: 1280px) {
  .exclusiv-mls {
    border-bottom: none;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0 25px 0 24px;
    margin-top: -62px;
    margin-bottom: 12px;
  }
}
.exclusiv-mls + .galerie-full {
  margin-top: -21px;
}
@media all and (min-width: 1280px) {
  .exclusiv-mls + .galerie-full {
    margin-top: 30px;
  }
}

.exclusiv-mls__1 {
  color: #D70F64;
  font-weight: 700;
  font-size: 20px;
}

.exclusiv-mls__2 {
  padding-top: 2px;
  font-size: 12px;
  text-align: right;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
}
.exclusiv-mls__2 img {
  width: 80px;
  display: block;
}

.expirat {
  background-color: #FF7E01;
  display: block;
  line-height: 1.2;
  padding: 20px 20px;
  font-weight: 700;
  color: #FFF;
  border-radius: 10px;
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  font-size: 16px;
}
@media all and (min-width: 1280px) {
  .expirat {
    font-size: 18px;
    width: 770px;
  }
}
.expirat img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
@media all and (min-width: 1280px) {
  .expirat img {
    width: 40px;
    height: 40px;
  }
}
.expirat span {
  flex: 1;
}
@media (hover: hover) {
  .expirat:hover {
    color: #FFF;
  }
  .expirat:hover img {
    transform: translateX(6px);
  }
  .expirat:hover span {
    color: #FFF;
    transform: translateX(3px);
  }
}

.steps {
  display: flex;
  list-style-type: none;
  justify-content: center;
  width: 100vw;
  margin-left: -25px;
  background-color: #F3F6F9;
  text-align: center;
  flex-direction: column;
  padding: 10px 25px !important;
}
@media all and (min-width: 700px) {
  .steps {
    flex-direction: row;
    padding: 25px !important;
  }
}
@media all and (min-width: 1280px) {
  .steps {
    margin: 0 0 40px calc((-100vw + 1040px) / 2) !important;
    padding: 20px 55px !important;
  }
}
.steps li {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px 0;
}
@media all and (min-width: 700px) {
  .steps li {
    width: calc((100% - 120px) / 4);
    max-width: 310px;
    display: block;
    padding: 0;
  }
}
.steps li::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background-color: rgba(34, 41, 56, 0.25);
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 18px;
}
@media all and (min-width: 700px) {
  .steps li::before {
    height: 1px;
    width: auto;
    top: 18px;
    left: -20px;
    right: -20px;
  }
}
.steps li:first-child::before {
  top: 50%;
}
@media all and (min-width: 700px) {
  .steps li:first-child::before {
    left: 50%;
    top: 18px;
  }
}
.steps li:last-child::before {
  bottom: 50%;
}
@media all and (min-width: 700px) {
  .steps li:last-child::before {
    bottom: auto;
    right: 50%;
  }
}
@media all and (min-width: 700px) {
  .steps li + li {
    margin-left: 40px;
  }
}

.steps__number {
  background-color: #FF7E01;
  color: #FFF;
  display: inline-block;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  margin-left: -1px;
  position: relative;
  z-index: 1;
  display: inline-block;
  line-height: 31px;
  box-shadow: 0 0 0 5px #F3F6F9;
  width: 37px;
  height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 700px) {
  .steps__number {
    margin-bottom: 10px;
    box-shadow: 0 0 0 10px #F3F6F9;
  }
}
.steps__number img {
  width: 60%;
}

.steps-texts {
  flex: 1;
}
.steps-texts .steps__title {
  text-align: left;
  line-height: 1.1;
  margin-left: 15px;
  margin-bottom: 5px;
}
@media all and (min-width: 700px) {
  .steps-texts .steps__title {
    text-align: center;
    margin-left: 0;
    margin-bottom: 10px;
  }
}

.steps__text {
  font-size: 14px;
  line-height: 1.25;
  text-align: left;
  flex: 1;
  margin-left: 15px;
}
@media all and (min-width: 700px) {
  .steps__text {
    margin-left: 0;
    text-align: center;
  }
}

.new-ad-container .controller {
  max-width: 700px;
  position: relative;
}
@media all and (min-width: 1023px) {
  .new-ad-container .controller {
    max-width: 1040px;
    padding-right: 340px;
  }
}
.new-ad-container label {
  font-weight: 400;
}
.new-ad-container .da-nu-wrapper__inner {
  min-height: 800px;
}
.new-ad-container .da-nu-wrapper__inner .da-nu-compania {
  align-self: flex-start;
}
.new-ad-container .da-nu-wrapper__inner > label {
  font-weight: 700;
}
.new-ad-container .share-buttons-wrapper {
  position: static;
  order: 3;
  width: 100%;
}
@media all and (min-width: 1023px) {
  .new-ad-container .share-buttons-wrapper {
    position: absolute;
    left: auto;
    right: -340px;
    width: 300px;
    padding-top: 0;
  }
}
.new-ad-container .share-buttons-wrapper .share-buttons {
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  top: 0;
  margin-top: 30px;
  width: 100%;
}
@media all and (min-width: 1023px) {
  .new-ad-container .share-buttons-wrapper .share-buttons {
    position: sticky;
    top: 92px;
    margin-top: 0;
    width: 300px;
  }
}
.new-ad-container .share-buttons-wrapper .share-buttons img {
  width: 100%;
}
.new-ad-container .da-nu-compania {
  margin-top: 30px;
  padding: 0;
  background-color: transparent;
}
@media all and (min-width: 1023px) {
  .new-ad-container .da-nu-compania form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.new-ad-container .da-nu-compania form > div {
  width: 100%;
}
@media all and (min-width: 1023px) {
  .new-ad-container .da-nu-compania form .halfer {
    width: calc(50% - 10px);
  }
}
.new-ad-container .da-nu-compania form .halfer + .form-rc-group {
  margin-top: 30px;
}
.new-ad-container .da-nu-compania input:not([type=checkbox]):not([type=radio]):not([type=submit]) + .form-rc-group,
.new-ad-container .da-nu-compania textarea + .form-rc-group,
.new-ad-container .da-nu-compania select + .form-rc-group {
  margin-top: 30px;
}
.new-ad-container h2,
.new-ad-container .h2 {
  margin-top: 20px;
  color: #222938;
  border-bottom-color: #222938;
  font-size: 22px;
}
.new-ad-container h2:first-of-type,
.new-ad-container .h2:first-of-type {
  margin-top: 0;
}
@media all and (min-width: 700px) {
  .new-ad-container h2:first-of-type,
  .new-ad-container .h2:first-of-type {
    margin-top: 10px;
  }
}
@media all and (min-width: 700px) {
  .new-ad-container iframe,
  .new-ad-container embed,
  .new-ad-container video {
    margin-left: calc((-100vw + 700px) / 2);
  }
}
@media all and (min-width: 1023px) {
  .new-ad-container iframe,
  .new-ad-container embed,
  .new-ad-container video {
    margin-left: 0;
  }
}

.whois-container h2,
.whois-container .h2 {
  color: #38A2E0;
  border-color: #38A2E0;
}
.whois-container label {
  font-weight: 700;
  width: 100%;
}
.whois-container .form-rc-group label {
  font-weight: 400;
}
.whois-container .share-buttons-wrapper {
  display: none;
}
@media all and (min-width: 1023px) {
  .whois-container .share-buttons-wrapper {
    display: block;
  }
}
.whois-container .share-buttons-wrapper .share-buttons {
  display: block;
  border-radius: 15px;
  overflow: hidden;
}

.banner-card-mobile {
  display: block;
  width: 100%;
  max-width: 450px;
  border-radius: 15px;
  overflow: hidden;
  margin: 25px auto;
}
@media all and (min-width: 700px) {
  .banner-card-mobile {
    max-width: 300px;
    margin: 35px auto;
  }
}
@media all and (min-width: 1023px) {
  .banner-card-mobile {
    display: none;
  }
}

@media all and (min-width: 1023px) {
  .halfer {
    width: calc(50% - 10px);
  }
}
.halfer + .form-rc-group {
  margin-top: 30px;
}

.reprezentare-mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FF7E01;
  color: #FFF;
  font-size: 14px;
  line-height: 1.3;
  padding: 12px 25px 14px;
  font-weight: 700;
  z-index: 10;
  text-shadow: 0 1px 0 rgba(34, 41, 56, 0.25);
}
@media all and (min-width: 1023px) {
  .reprezentare-mobile {
    display: none;
  }
}

.esti-agent {
  display: block;
  border: 1px solid #FF7E01;
  color: #FF7E01;
  border-radius: 5px;
  line-height: 1.2;
  line-height: 1.3;
  padding: 20px 10px;
  text-align: center;
  font-weight: 700;
  margin-top: 30px;
}
.esti-agent span {
  display: inline-block;
}
@media (hover: hover) {
  .esti-agent:hover {
    background-color: #FF7E01;
    color: #FFF;
  }
  .esti-agent:hover span {
    color: #FFF;
  }
}

.add-photo {
  background-color: #F3F6F9;
  padding: 20px 15px 10px;
  display: flex;
  margin-bottom: 20px;
  border-radius: 5px;
  flex-wrap: wrap;
  width: 100%;
}
.add-photo .thumb {
  border-radius: 3px;
  margin: 0 5px 10px;
  width: calc((100% - 20px) / 2);
  padding-bottom: calc((100% - 20px) / 2);
}
@media all and (min-width: 1023px) {
  .add-photo .thumb {
    width: calc((100% - 40px) / 4);
    padding-bottom: calc((100% - 40px) / 4);
  }
}
.add-photo + h2,
.add-photo + .h2 {
  margin-top: 35px;
}

.add-photo__plus {
  background-color: #FFF;
  height: 0;
  position: relative;
  margin: 0 5px 10px;
  box-shadow: inset 0 0 0 1px #FF7E01;
  border-radius: 3px;
  width: calc((100% - 20px) / 2);
  padding-bottom: calc((100% - 20px) / 2);
}
@media all and (min-width: 1023px) {
  .add-photo__plus {
    width: calc((100% - 40px) / 4);
    padding-bottom: calc((100% - 40px) / 4);
  }
}
@media (hover: hover) {
  .add-photo__plus:hover {
    background-color: #fff3e7;
  }
}

.add-photo__plus__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #FF7E01;
  margin: 0 5px 10px;
}
.add-photo__plus__inner img {
  width: 45%;
  height: auto;
  margin-top: 15px;
  margin-bottom: 5px;
}
.add-photo__plus__inner span {
  display: block;
}

.logo-small {
  position: absolute;
  bottom: 4px;
  left: 54px;
  opacity: 0;
}
.logo-small img {
  height: 52px;
  width: 43px;
}

@media all and (min-width: 1280px) {
  .nav-up {
    transform: translateY(-63px);
  }
}
@media all and (min-width: 1280px) {
  .nav-up .logo {
    opacity: 0;
  }
}
@media all and (min-width: 1280px) {
  .nav-up .logo-small {
    opacity: 1;
  }
}

.galerie-full {
  width: 100vw;
  margin-left: -25px;
  margin-bottom: 25px;
  margin-top: -25px;
  display: flex;
  background-color: #FFF;
  position: relative;
}
@media all and (min-width: 700px) {
  .galerie-full {
    margin-left: -50px;
    margin-bottom: 35px;
    margin-top: 30px;
  }
}
@media all and (min-width: 1280px) {
  .galerie-full {
    margin-left: calc((-100vw + 1170px) / 2);
  }
}
@media all and (min-width: 1400px) {
  .galerie-full {
    width: 1440px;
    margin-left: -135px;
  }
}

.galerie-full__c1 {
  width: 100vw;
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media all and (min-width: 1023px) {
  .galerie-full__c1 {
    width: 66%;
  }
}
@media all and (min-width: 1280px) {
  .galerie-full__c1 {
    width: 50%;
  }
}
@media all and (min-width: 1600px) {
  .galerie-full__c1 {
    border-radius: 0 0 0 20px;
    overflow: hidden;
  }
}
.galerie-full__c1 .galerie-full__thumb {
  height: 0;
  padding-bottom: 66%;
}

.galerie-full__thumb {
  flex: 1;
  display: block;
  position: relative;
  background-color: #F3F6F9;
}
.galerie-full__thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.galerie-full__thumb + .galerie-full__thumb {
  margin-top: 5px;
}
@media (hover: hover) {
  .galerie-full__thumb:hover img {
    opacity: 0.9;
  }
}

.galerie-full__thumb--video::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../images/play.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.galerie-full__c2,
.galerie-full__c3 {
  display: none;
  flex-direction: column;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

@media all and (min-width: 1023px) {
  .galerie-full__c2 {
    display: flex;
    flex: 1;
    margin-left: 5px;
  }
}
@media all and (min-width: 1280px) {
  .galerie-full__c3 {
    display: flex;
    flex: 1;
    margin-left: 5px;
  }
}
@media all and (min-width: 1600px) {
  .galerie-full__c3 {
    border-radius: 0 20px 0 0;
    overflow: hidden;
  }
}

.galerie-full__all {
  position: absolute;
  right: 25px;
  bottom: 25px;
  z-index: 5;
  font-size: 15px;
  background-color: rgba(255, 255, 255, 0.98);
  padding: 9px 15px 8px;
  border-radius: 5px;
  font-weight: 700;
}
.galerie-full__all img {
  width: 18px;
  vertical-align: top;
  margin-top: 1px;
  margin-right: 8px;
}
@media (hover: hover) {
  .galerie-full__all:hover {
    background-color: #FFF;
  }
}

.galerie-bg-blurry {
  display: none;
}
@media all and (min-width: 1023px) {
  .galerie-bg-blurry {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #222938;
    background-image: linear-gradient(-90deg, #091F3F 0%, #1D0922 100%);
  }
}
.galerie-bg-blurry img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: scale(1.2);
  opacity: 0.5;
  filter: blur(10px);
}

@media all and (min-width: 1023px) {
  .galerie-full--1foto {
    justify-content: center;
    overflow: hidden;
  }
}
@media all and (min-width: 1600px) {
  .galerie-full--1foto {
    border-radius: 0 20px;
  }
}
@media all and (min-width: 1600px) {
  .galerie-full--1foto .galerie-full__c1 {
    border-radius: 0;
  }
}

@media all and (min-width: 1023px) {
  .galerie-full--2foto .galerie-full__c1 {
    width: calc((100% - 5px) / 2);
  }
}
@media all and (min-width: 1023px) {
  .galerie-full--2foto .galerie-full__c2 {
    width: calc((100% - 5px) / 2);
  }
}
@media all and (min-width: 1600px) {
  .galerie-full--2foto .galerie-full__c2 {
    border-radius: 0 20px 0 0;
  }
}
@media all and (min-width: 1023px) {
  .galerie-full--2foto .galerie-full__all {
    display: none;
  }
}

@media all and (min-width: 1023px) {
  .galerie-full--34foto .galerie-full__all {
    display: block;
  }
}

.anunt-ascuns {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  justify-content: center;
  align-items: center;
}
.anunt-ascuns span {
  color: #FF7E01;
  font-weight: 700;
  font-size: 24px;
}
@media all and (min-width: 700px) {
  .anunt-ascuns span {
    font-size: 38px;
  }
}

.toolbar {
  width: 100vw;
  margin-left: -25px;
  margin-bottom: 25px;
  margin-top: -34px;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 10px 10px 5px;
}
@media all and (min-width: 700px) {
  .toolbar {
    margin-left: -50px;
    margin-bottom: 40px;
    padding: 10px;
  }
}
@media all and (min-width: 1280px) {
  .toolbar {
    margin-left: calc((-100vw + 1170px) / 2);
  }
}
@media all and (min-width: 1400px) {
  .toolbar {
    width: 1440px;
    margin-left: -135px;
  }
}

.toolbar__item {
  display: block;
  border-radius: 5px;
  font-size: 11px;
  padding: 9px 0 5px;
  line-height: 1.1;
  text-align: center;
  flex: 1;
  position: relative;
}
@media all and (min-width: 700px) {
  .toolbar__item {
    flex: none;
    padding: 8px 10px 7px;
  }
}
@media all and (min-width: 1023px) {
  .toolbar__item {
    font-size: 15px;
    line-height: 1.5;
  }
}
@media all and (min-width: 1280px) {
  .toolbar__item {
    padding: 8px 15px 7px;
  }
}
.toolbar__item img {
  width: 18px;
  vertical-align: top;
  margin-bottom: 5px;
}
@media all and (min-width: 1023px) {
  .toolbar__item img {
    margin-right: 8px;
    margin-top: 4px;
  }
}
.toolbar__item span {
  width: 100%;
  display: block;
}
@media all and (min-width: 700px) {
  .toolbar__item span {
    margin-top: 4px;
  }
}
@media all and (min-width: 1023px) {
  .toolbar__item span {
    vertical-align: auto;
    margin-top: 0;
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }
}
@media (hover: hover) {
  .toolbar__item:hover {
    box-shadow: inset 0 0 0 1px #222938;
  }
}

.toolbar__item--blue {
  background-color: #38A2E0;
  color: #FFF;
}
@media (hover: hover) {
  .toolbar__item--blue:hover {
    box-shadow: none;
    color: #FFF;
  }
}

.toolbar__item--orange {
  background-color: #FF7E01;
  color: #FFF;
}
@media (hover: hover) {
  .toolbar__item--orange:hover {
    box-shadow: none;
    color: #FFF;
    background-color: #EB4733;
  }
}

.toolbar__item--spacer {
  margin-right: auto;
}

.toolbar__item--desktop {
  display: none;
}
@media all and (min-width: 700px) {
  .toolbar__item--desktop {
    display: block;
  }
}

.toolbar__item--separator {
  margin-left: 25px;
}
.toolbar__item--separator::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -13px;
  width: 0;
  border-left: 1px dashed rgba(34, 41, 56, 0.5);
  pointer-events: none;
}

.toolbar__item--active {
  background-color: #FF7E01;
  color: #FFF;
}
@media (hover: hover) {
  .toolbar__item--active:hover {
    color: #FFF;
  }
}

.toolbar--no-photo {
  margin-top: -8px;
  margin-bottom: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 0;
  margin-top: 10px;
}
@media all and (min-width: 700px) {
  .toolbar--no-photo {
    padding-top: 10px;
    justify-content: center;
  }
}
@media all and (min-width: 1280px) {
  .toolbar--no-photo {
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
  }
}

.h1--no-photo {
  margin-top: 35px;
}

.next-prev-property {
  display: none;
}
@media all and (min-width: 1280px) {
  .next-prev-property {
    display: flex;
    background-color: #222938;
    position: fixed;
    bottom: 120px;
    overflow: hidden;
    z-index: 50;
  }
}
.next-prev-property .thumb {
  position: absolute;
  padding-bottom: 0;
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #222938;
}
.next-prev-property .thumb img {
  opacity: 0.4;
}
@media (hover: hover) {
  .next-prev-property:hover .thumb img {
    opacity: 0.7;
  }
  .next-prev-property:hover .next-prev-property__title {
    opacity: 1;
    font-size: 15px;
  }
}

.next-prev-property__arrow {
  position: relative;
}

.next-prev-property__title {
  color: #FFF;
  position: absolute;
  bottom: 15px;
  pointer-events: none;
  opacity: 0;
  width: 300px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-weight: 700;
  font-size: 0;
}

.next-prev-property--prev {
  left: 0;
  padding-right: 3px;
  border-radius: 0 5px 5px 0;
}
.next-prev-property--prev .next-prev-property__title {
  left: 15px;
}
@media (hover: hover) {
  .next-prev-property--prev:hover {
    padding: 30px 140px 50px 0;
  }
}

.next-prev-property--next {
  right: 0;
  padding-left: 3px;
  border-radius: 5px 0 0 5px;
}
.next-prev-property--next .next-prev-property__title {
  right: 15px;
  text-align: right;
}
@media (hover: hover) {
  .next-prev-property--next:hover {
    padding: 30px 0 50px 140px;
  }
}

.homepage {
  background-color: #222938;
  background-image: linear-gradient(-90deg, #091F3F 0%, #1D0922 100%);
  min-height: 100vh;
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.homepage .desktop-sticky__main {
  background-color: transparent;
  width: 100%;
}
.homepage .desktop-sticky__main::before {
  display: none;
}
.homepage .desktop-sticky__main h1 {
  position: absolute;
  left: -1000px;
  top: -1000px;
}
.homepage + .listing-proprietati.proprietati-related .controller {
  padding-bottom: 0;
}
@media all and (min-width: 700px) {
  .homepage + .listing-proprietati.proprietati-related .controller {
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 15px;
  }
}

.homepage--grup-nepro {
  background-image: url(../images/top-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 0;
}
.homepage--grup-nepro .homepage__title {
  margin-bottom: 20px;
}
@media all and (min-width: 700px) {
  .homepage--grup-nepro .homepage__title {
    margin-bottom: 17px;
  }
}
.homepage--grup-nepro .homepage__title .homepage__title__landscape {
  display: block;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
@media all and (min-width: 700px) {
  .homepage--grup-nepro .homepage__title .homepage__title__landscape {
    max-width: 440px;
    margin-bottom: 35px;
    margin-top: 20px;
  }
}
@media all and (min-width: 1280px) {
  .homepage--grup-nepro .homepage__title .homepage__title__landscape {
    margin-top: -25px;
  }
}
.homepage--grup-nepro .homepage__title .homepage__title__portrait {
  display: none;
}
.homepage--grup-nepro .homepage__content {
  padding: 20px 20px 25px;
}
@media all and (min-width: 1280px) {
  .homepage--grup-nepro .homepage__content {
    padding: 85px 100px 37px;
  }
}
.homepage--grup-nepro .homepage__content__inner {
  padding-bottom: 20px;
}
.homepage--grup-nepro .homepage__big-input {
  padding-top: 0;
  margin-top: 10px;
}
@media all and (min-width: 700px) {
  .homepage--grup-nepro .homepage__big-input {
    padding-top: 10px;
    margin-top: 20px;
  }
}
.homepage--grup-nepro .homepage__big-input input[type=submit] {
  margin-top: 0;
}
.homepage--grup-nepro .homepage__big-input .dropdown-filtru {
  top: 57px;
}
@media all and (min-width: 700px) {
  .homepage--grup-nepro .homepage__big-input .dropdown-filtru {
    top: 67px;
  }
}

.homepage--grup-pro {
  min-height: 0;
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
}
@media all and (min-width: 1280px) {
  .homepage--grup-pro {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, 0.33) 71%, rgba(255, 255, 255, 0) 100%);
  }
}
.homepage--grup-pro .desktop-sticky__main {
  height: auto;
  padding-top: 30px;
}
@media all and (min-width: 1280px) {
  .homepage--grup-pro .desktop-sticky__main {
    height: 125px;
    padding-top: 15px;
  }
}
.homepage--grup-pro .mobile-menu-trigger {
  display: none;
}
.homepage--grup-pro .header {
  justify-content: flex-start;
}
@media all and (min-width: 1280px) {
  .homepage--grup-pro .header {
    justify-content: space-between;
  }
}
.homepage--grup-pro .meniu-grup-desktop {
  background-color: rgba(255, 255, 255, 0.25);
}
.homepage--grup-pro .secondary-menu__right li a.text-link--special {
  color: #FFF;
}

.homepage--culoare-oferta {
  background-image: linear-gradient(135deg, #091F3F 0%, #091F3F 15%, #121C40 27%, #3B0E45 54%, #3F0D45 70%, #1F0924 88%, #1D0922 100%);
}

.homepage__video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.homepage__video video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0.2;
}

.homepage__content {
  position: relative;
  padding: 50px 20px 1px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: #FFF;
}
@media all and (min-width: 700px) {
  .homepage__content {
    padding: 100px 50px 120px;
  }
}
@media all and (min-width: 1023px) {
  .homepage__content {
    padding: 100px 100px 120px;
  }
}

.homepage__content__inner {
  width: 100%;
  padding-bottom: 40px;
}
@media all and (min-width: 700px) {
  .homepage__content__inner {
    width: auto;
    padding-bottom: 0;
  }
}
.homepage__content__inner h1 {
  font-size: 36px;
  margin-bottom: 30px;
  margin-top: 30px;
}
@media all and (min-width: 700px) {
  .homepage__content__inner h1 {
    margin-top: -10px;
    margin-bottom: 50px;
  }
}
@media all and (min-width: 1280px) {
  .homepage__content__inner h1 {
    font-size: 46px;
    margin-bottom: 70px;
  }
}

.homepage__title {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  color: #FFF;
  margin-bottom: 50px;
}
@media all and (min-width: 700px) {
  .homepage__title {
    font-size: 64px;
    margin-bottom: 80px;
  }
}
@media all and (min-width: 700px) {
  .region-hp .homepage__title {
    margin-bottom: 20px;
    margin-top: -23px;
  }
}
@media all and (min-width: 1280px) {
  .region-hp .homepage__title {
    margin-top: -10px;
  }
}
.homepage__title .homepage__title__portrait {
  margin-top: -15px;
  margin-bottom: -30px;
  width: 240px;
  height: auto;
}
@media all and (min-width: 700px) {
  .homepage__title .homepage__title__portrait {
    display: none;
  }
}
.region-hp .homepage__title .homepage__title__portrait {
  margin-top: -5px;
  width: 220px;
}
.homepage__title .homepage__title__landscape {
  display: none;
}
@media all and (min-width: 700px) {
  .homepage__title .homepage__title__landscape {
    display: inline-block;
    margin-top: -25px;
    margin-bottom: -50px;
    max-width: 600px;
    height: auto;
  }
}
@media all and (min-width: 700px) {
  .region-hp .homepage__title .homepage__title__landscape {
    margin-top: -5px;
    width: 400px;
  }
}

.homepage__search {
  text-align: left;
}
@media all and (min-width: 1023px) {
  .homepage__search {
    width: 800px;
  }
}

.homepage__search--text-search {
  margin-bottom: 30px;
}
@media all and (min-width: 1600px) {
  .homepage__search--text-search {
    margin-bottom: 9vh;
  }
}

.homepage__lansare {
  padding-top: 0;
}
@media all and (min-width: 700px) {
  .homepage__lansare {
    padding-top: 160px;
  }
}

.homepage__text-lansare {
  text-align: center;
}
@media all and (min-width: 1023px) {
  .homepage__text-lansare {
    width: 800px;
    margin-top: -30px;
  }
}
@media all and (min-width: 700px) {
  .homepage__text-lansare p {
    font-size: 20px;
  }
}
.homepage__text-lansare p span {
  color: #FF7E01;
  font-weight: 700;
}
.homepage__text-lansare p.thanks-lansare {
  color: #38A2E0;
  font-weight: 700;
}

@media all and (min-width: 700px) {
  .homepage__oferta {
    padding: 0 100px;
  }
}
.homepage__oferta .homepage__content__inner {
  margin-bottom: 20px;
}
@media all and (min-width: 700px) {
  .homepage__oferta .homepage__content__inner {
    margin-bottom: 40px;
  }
}
.homepage__oferta .homepage__title {
  margin-bottom: 30px;
}
@media all and (min-width: 1023px) {
  .homepage__oferta .homepage__title {
    margin-bottom: 70px;
  }
}
.homepage__oferta .lansare-cta {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media all and (min-width: 700px) {
  .homepage__oferta .lansare-cta {
    width: 320px;
  }
}
.homepage__oferta .lansare-cta + .lansare-cta {
  margin-top: 10px;
  background-color: #38A2E0;
}
@media all and (min-width: 700px) {
  .homepage__oferta .lansare-cta + .lansare-cta {
    margin-top: 15px;
  }
}
@media all and (min-width: 1023px) {
  .homepage__oferta .lansare-cta + .lansare-cta {
    margin-top: 30px;
    margin-left: 10px;
  }
}

.lansare-cta {
  background-color: #FF7E01;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  padding: 16px 35px;
  border-radius: 5px;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  margin-top: 30px;
}
@media all and (min-width: 1023px) {
  .lansare-cta {
    margin-top: 40px;
  }
}
.lansare-cta:hover, .lansare-cta:focus {
  box-shadow: 0 3px 5px rgba(34, 41, 56, 0.25);
  transform: translateY(-2px);
}

.lansare-cta--facebook {
  background-color: #38A2E0;
  background-image: url(../images/share-facebook.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 16px center;
  padding: 16px 16px 16px 50px;
}
@media all and (min-width: 1023px) {
  .lansare-cta--facebook {
    padding: 16px 35px 16px 70px;
    background-position: 30px center;
  }
}

.form-lansare__wrapper {
  min-height: 800px;
  background-color: #FFF;
}
.form-lansare__wrapper form {
  padding: 30px 20px;
  max-width: 700px;
  margin: 0 auto;
}
@media all and (min-width: 700px) {
  .form-lansare__wrapper form {
    padding: 50px;
  }
}
@media all and (min-width: 1023px) {
  .form-lansare__wrapper form {
    padding: 60px 0;
  }
}
.form-lansare__wrapper form input + label,
.form-lansare__wrapper form select + label {
  margin-top: 15px;
}
@media all and (min-width: 1023px) {
  .form-lansare__wrapper form input + label,
  .form-lansare__wrapper form select + label {
    margin-top: 30px;
  }
}
.form-lansare__wrapper form input[type=submit] {
  margin-top: 30px;
}
.form-lansare__wrapper form label {
  font-weight: 700;
}
.form-lansare__wrapper p {
  margin-bottom: 30px;
}
@media all and (min-width: 1023px) {
  .form-lansare__wrapper p {
    margin-bottom: 40px;
  }
}
.form-lansare__wrapper h2 {
  margin-bottom: 20px;
  font-size: 32px;
}
@media all and (min-width: 700px) {
  .form-lansare__wrapper h2 {
    font-size: 36px;
    margin-bottom: 30px;
  }
}

.lansare-premiu {
  background-color: #F3F6F9;
  padding: 120px 30px 30px;
  margin-top: 40px;
  text-align: center;
  border-radius: 0 20px;
  background-image: url(../images/gift-box.svg), linear-gradient(45deg, #FF7E01 0%, #D70F64 100%);
  background-repeat: no-repeat, repeat;
  background-size: 80px, cover;
  background-position: center 25px, center;
  color: #FFF;
  font-size: 20px;
}
@media all and (min-width: 700px) {
  .lansare-premiu {
    font-size: 22px;
    padding-bottom: 35px;
  }
}
@media all and (min-width: 700px) {
  .lansare-premiu {
    margin-top: 50px;
  }
}

.lansare-premiu--oferta {
  background-image: url(../images/hat.svg), linear-gradient(45deg, #FF7E01 0%, #D70F64 100%);
}
@media all and (min-width: 700px) {
  .lansare-premiu--oferta {
    width: calc(100% + 50px);
    margin-left: -25px;
  }
}
@media all and (min-width: 1023px) {
  .lansare-premiu--oferta {
    width: 100%;
    margin-left: 0;
  }
}
@media all and (min-width: 1280px) {
  .lansare-premiu--oferta {
    padding-left: 200px;
    padding-right: 200px;
  }
}
.lansare-premiu--oferta .lansare-cta {
  background-color: #FFF;
  color: #D70F64;
  font-size: 13px;
  line-height: 1.1;
}
@media all and (min-width: 700px) {
  .lansare-premiu--oferta .lansare-cta {
    margin-top: 25px;
    margin-bottom: 5px;
    padding: 16px 35px;
    font-size: 15px;
  }
}

.homepage__tipuri {
  width: 100%;
  font-size: 12px;
  padding: 0 5px;
  display: flex;
  flex-wrap: wrap;
  text-transform: uppercase;
  font-weight: 700;
  justify-content: center;
}
@media all and (min-width: 700px) {
  .homepage__tipuri {
    justify-content: flex-start;
    flex-wrap: nowrap;
    font-size: 14px;
    padding: 0 10px;
  }
}
.homepage__tipuri a {
  border-bottom: 1px solid transparent;
  padding: 2px;
  display: block;
  margin: 0 15px 5px;
}
@media all and (min-width: 700px) {
  .homepage__tipuri a {
    margin: 0 30px 0 0;
    padding: 2px;
  }
}
.homepage__tipuri a .tablet-only {
  display: none;
}
@media all and (min-width: 700px) {
  .homepage__tipuri a .tablet-only {
    display: inline;
  }
}
.homepage__tipuri a.active {
  box-shadow: 0 3px 0 #38A2E0;
  border-bottom: 1px solid #38A2E0;
}
@media (hover: hover) {
  .homepage__tipuri a.active:hover {
    border-color: #38A2E0;
  }
}
@media all and (min-width: 700px) {
  .homepage__tipuri a.spacer {
    display: block;
    margin-left: auto;
    margin-right: 0;
  }
}
@media (hover: hover) {
  .homepage__tipuri a:hover {
    border-color: #FFF;
  }
}

.homepage__big-input {
  background-color: #FFF;
  border-radius: 10px;
  margin-top: 20px;
  padding: 10px;
  position: relative;
}
@media all and (min-width: 700px) {
  .homepage__big-input {
    display: flex;
  }
}
.homepage__big-input input[type=search] {
  margin-bottom: 0 !important;
  width: auto;
  flex: 1;
  border-radius: 0;
  border: none !important;
}
.homepage__big-input input[type=search]:focus + .autocomplete-dropdown {
  display: flex;
}
.homepage__big-input select {
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  border-top: 1px solid rgba(34, 41, 56, 0.25);
  margin-right: 10px;
}
@media all and (min-width: 700px) {
  .homepage__big-input select {
    border-top: none;
    border-left: 1px solid rgba(34, 41, 56, 0.25);
    width: 200px;
    padding: 16px 32px 14px 25px;
  }
}
.homepage__big-input input[type=submit] {
  width: 100%;
}
@media all and (min-width: 700px) {
  .homepage__big-input input[type=submit] {
    margin-top: 0;
    width: auto;
  }
}
.homepage__big-input .filtre-item-wrapper {
  flex: none;
}
.homepage__big-input .fake-select {
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  border-top: 1px solid rgba(34, 41, 56, 0.25);
  margin-right: 10px;
  padding: 16px 17px 14px;
}
@media all and (min-width: 700px) {
  .homepage__big-input .fake-select {
    padding: 16px 32px 14px 25px;
    border-top: none;
    border-left: 1px solid rgba(34, 41, 56, 0.25);
    width: 200px;
    background-position: calc(100% - 9px) center;
  }
}
.homepage__big-input .fake-close::after {
  height: 52px;
}
@media all and (min-width: 700px) {
  .homepage__big-input .fake-close::after {
    right: 4px;
  }
}
.homepage__big-input .dropdown-filtru {
  border-radius: 10px;
  box-shadow: 0 10px 15px rgba(34, 41, 56, 0.25), 0 0 0 1px rgba(34, 41, 56, 0.1);
  top: 62px;
}
@media all and (min-width: 700px) {
  .homepage__big-input .dropdown-filtru {
    top: 67px;
  }
}
.homepage__big-input .tip-wrapper a {
  display: block;
  width: 100%;
  padding: 0 12px;
}
@media all and (min-width: 700px) {
  .homepage__big-input .tip-wrapper a {
    padding: 3px 11px;
  }
}
.homepage__big-input .dropdown-filtru__switch-button {
  margin-top: 0;
}

.autocomplete-dropdown {
  position: absolute;
  display: flex;
  display: none;
  flex-direction: column;
  color: #222938;
  background-color: #FFF;
  z-index: 400;
  top: 67px;
  left: 0;
  border-radius: 10px;
  padding: 18px 15px;
  box-shadow: 0 10px 15px rgba(34, 41, 56, 0.25), 0 0 0 1px rgba(34, 41, 56, 0.1);
  max-height: 300px;
  overflow-y: auto;
}
@media all and (min-width: 700px) {
  .autocomplete-dropdown {
    top: 77px;
    left: 0;
    width: 450px;
  }
}
.autocomplete-dropdown a {
  line-height: 1.2;
  display: block;
  border-radius: 5px;
  padding: 8px 12px;
  color: #222938;
}
.autocomplete-dropdown a.selected, .autocomplete-dropdown a:hover {
  background-color: rgba(56, 162, 224, 0.25);
}
.autocomplete-dropdown a strong {
  color: #222938;
}

.homepage__optiuni {
  display: none;
}
@media all and (min-width: 700px) {
  .homepage__optiuni {
    padding: 20px 10px;
    display: flex;
    justify-content: center;
  }
}
.homepage__optiuni select {
  padding: 10px 25px 10px 15px;
  font-size: 14px;
  color: #FFF;
  width: 100%;
  background-color: transparent;
  background-image: url(../images/dropdown-arrow-white.svg);
  background-size: 10px;
  border: none;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 0;
}
@media all and (min-width: 700px) {
  .homepage__optiuni select {
    padding: 0 25px 0 0;
    margin: 0 25px;
    width: 135px;
    background-position: right 9px;
    border-bottom: none;
  }
}
@media all and (min-width: 700px) {
  .homepage__optiuni select:focus {
    border: none;
  }
}
.homepage__optiuni option {
  color: #222938;
}

.homepage__more {
  margin-top: 50px;
}
@media all and (min-width: 700px) {
  .homepage__more {
    display: flex;
    margin-top: 100px;
  }
}

.homepage__more__inner {
  display: block;
  position: relative;
  padding-left: 80px;
  flex: 1;
  padding-bottom: 40px;
}
.homepage__more__inner img {
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
}
@media all and (min-width: 700px) {
  .homepage__more__inner:first-child {
    margin-right: 40px;
  }
}
@media all and (min-width: 1023px) {
  .homepage__more__inner:first-child {
    width: 330px;
    flex: none;
  }
}
@media (hover: hover) {
  .homepage__more__inner:hover {
    transform: translateY(-3px);
  }
}

.homepage__more__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px;
}

.homepage__more__text {
  font-size: 14px;
  opacity: 0.7;
}

.homepage__more__link {
  font-size: 14px;
  color: #FF7E01;
  border-bottom: 1px solid transparent;
  width: 66px;
  margin-top: 8px;
}
@media (hover: hover) {
  .homepage__more__link:hover {
    border-color: #FF7E01;
  }
}

.homepage--agenti {
  background-image: linear-gradient(0, #3E0420 0%, #3E0420 100%);
}
.homepage--agenti .homepage__title .homepage__title__portrait {
  width: 90%;
}
.homepage--agenti .homepage__optiuni {
  display: flex;
  justify-content: space-between;
  padding-top: 5px;
}
@media all and (min-width: 700px) {
  .homepage--agenti .homepage__optiuni {
    padding-top: 20px;
    justify-content: center;
  }
}
.homepage--agenti .homepage__optiuni select {
  width: 48%;
}
@media all and (min-width: 700px) {
  .homepage--agenti .homepage__optiuni select {
    width: 100px;
  }
}

.taburi-listing {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  font-size: 12px;
  line-height: 1.2;
  z-index: 50;
  background-color: #FFF;
  position: relative;
  overflow-x: auto;
}
@media all and (min-width: 700px) {
  .taburi-listing {
    font-size: 16px;
    margin-top: 10px;
  }
}
@media all and (min-width: 1280px) {
  .taburi-listing {
    margin-top: 30px;
  }
}
.taburi-listing ul {
  list-style-type: none;
  display: flex;
  align-items: stretch;
  width: auto;
  padding: 8px 25px;
}
@media all and (min-width: 700px) {
  .taburi-listing ul {
    padding: 10px 50px;
  }
}
@media all and (min-width: 1280px) {
  .taburi-listing ul {
    padding: 10px 55px;
  }
}
.taburi-listing li {
  display: flex;
  overflow: hidden;
}
@media all and (min-width: 700px) {
  .taburi-listing li {
    margin-right: 5px;
  }
}
.taburi-listing li.selected a {
  background-color: #FF7E01;
  color: #FFF;
}
.taburi-listing a {
  display: block;
  width: 100%;
  text-align: center;
  margin: auto 0;
  padding: 5px 10px 4px;
  white-space: nowrap;
  border-radius: 20px;
  border: 1px solid rgba(34, 41, 56, 0);
  font-size: 12px;
  color: #FF7E01;
  text-transform: uppercase;
  font-weight: 700;
}
@media all and (min-width: 700px) {
  .taburi-listing a {
    padding: 8px 12px 6px;
  }
}
@media (hover: hover) {
  .taburi-listing a:hover {
    text-decoration: underline;
  }
}
.taburi-listing + .listing-proprietati .sticky-listing-mobil {
  margin-top: -150px;
}
.article .taburi-listing {
  margin-left: -25px;
  width: 100vw;
}
@media all and (min-width: 700px) {
  .article .taburi-listing {
    margin-left: -50px;
  }
}
@media all and (min-width: 1280px) {
  .article .taburi-listing {
    margin-left: 0;
    width: 100%;
  }
}
@media all and (min-width: 1280px) {
  .article .taburi-listing ul {
    padding-left: 0;
    padding-right: 0;
  }
}
.article .taburi-listing a {
  color: #FF7E01;
  box-shadow: none;
}
@media (hover: hover) {
  .article .taburi-listing a:hover {
    box-shadow: none;
  }
}

.zona-oferta {
  background-color: #F3F6F9;
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
  padding: 30px 0;
}
@media all and (min-width: 700px) {
  .zona-oferta {
    padding: 80px 0;
  }
}
.zona-oferta p {
  text-align: center;
}

.zona-oferta__title {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 10px;
}
@media all and (min-width: 700px) {
  .zona-oferta__title {
    font-size: 40px;
    margin-bottom: 20px;
  }
}

.tabel-oferta__wrapper {
  display: flex;
  overflow-x: auto;
  margin-top: 30px;
  background-color: #FFF;
  width: 100vw;
  margin-left: -25px;
}
@media all and (min-width: 700px) {
  .tabel-oferta__wrapper {
    margin-top: 60px;
    border-radius: 20px 0;
    width: calc(100% + 50px);
    padding: 20px;
  }
}
@media all and (min-width: 1023px) {
  .tabel-oferta__wrapper {
    padding: 30px;
    width: 100%;
    margin-left: 0;
  }
}

.tabel-oferta {
  width: 100%;
  line-height: 1.1;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 15px;
}
@media all and (min-width: 1023px) {
  .tabel-oferta {
    font-size: 18px;
  }
}
.tabel-oferta thead {
  background-image: linear-gradient(45deg, #FF7E01 0%, #D70F64 100%);
  background-repeat: no-repeat;
  color: #FFF;
}
.safari-only .tabel-oferta thead {
  background-image: none;
  background-color: #FF7E01;
}
.zona-oferta-50 .tabel-oferta thead {
  background-image: linear-gradient(45deg, #38A2E0 0%, #4A1CB9 100%);
}
.safari-only .zona-oferta-50 .tabel-oferta thead {
  background-image: none;
  background-color: #38A2E0;
}
.tabel-oferta thead th {
  vertical-align: bottom;
}
.tabel-oferta thead tr:first-child th {
  padding-top: 15px;
}
@media all and (min-width: 700px) {
  .tabel-oferta thead tr:first-child th {
    padding-top: 30px;
  }
}
@media all and (min-width: 700px) {
  .tabel-oferta thead tr:first-child th:first-child {
    border-radius: 10px 0 0 0;
  }
}
@media all and (min-width: 700px) {
  .tabel-oferta thead tr:last-child th:last-child {
    border-radius: 0 0 10px 0;
  }
}
.tabel-oferta thead .bg-recomandat {
  background-color: rgba(255, 255, 255, 0.05);
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.tabel-oferta tr:hover td {
  background-color: rgba(255, 126, 1, 0.1);
}
.zona-oferta-50 .tabel-oferta tr:hover td {
  background-color: rgba(56, 162, 224, 0.1);
}
.tabel-oferta tr:hover td.bg-recomandat {
  background-color: rgba(255, 126, 1, 0.25);
}
.zona-oferta-50 .tabel-oferta tr:hover td.bg-recomandat {
  background-color: rgba(56, 162, 224, 0.25);
}
.tabel-oferta tr:last-child:hover td {
  background-color: transparent;
}
.tabel-oferta tr:last-child:hover td.bg-recomandat {
  background-color: rgba(255, 126, 1, 0.1);
}
.zona-oferta-50 .tabel-oferta tr:last-child:hover td.bg-recomandat {
  background-color: rgba(56, 162, 224, 0.1);
}
.tabel-oferta th,
.tabel-oferta td {
  width: 150px;
  padding: 5px 20px;
  text-align: center;
}
@media all and (min-width: 700px) {
  .tabel-oferta th,
  .tabel-oferta td {
    width: 25%;
    padding: 10px 20px;
  }
}
@media all and (min-width: 1023px) {
  .tabel-oferta th,
  .tabel-oferta td {
    width: 22%;
  }
}
.tabel-oferta th:nth-child(1),
.tabel-oferta td:nth-child(1) {
  width: 180px;
  text-align: left;
}
@media all and (min-width: 700px) {
  .tabel-oferta th:nth-child(1),
  .tabel-oferta td:nth-child(1) {
    width: 25%;
  }
}
@media all and (min-width: 1023px) {
  .tabel-oferta th:nth-child(1),
  .tabel-oferta td:nth-child(1) {
    width: 34%;
  }
}
.tabel-oferta .tabel-oferta__pret {
  font-weight: 700;
  font-size: 24px;
  padding-top: 0;
  padding-bottom: 15px;
}
@media all and (min-width: 700px) {
  .tabel-oferta .tabel-oferta__pret {
    padding-bottom: 30px;
  }
}
@media all and (min-width: 1023px) {
  .tabel-oferta .tabel-oferta__pret {
    font-size: 30px;
  }
}
.tabel-oferta .tabel-oferta__pret div {
  font-size: 15px;
  text-decoration: line-through;
  margin-bottom: 5px;
  font-weight: 400;
  opacity: 0.75;
}
.tabel-oferta tbody {
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
}
.tabel-oferta tbody th {
  padding-top: 17px;
  color: #FF7E01;
}
@media all and (min-width: 700px) {
  .tabel-oferta tbody th {
    padding-top: 30px;
  }
}
.zona-oferta-50 .tabel-oferta tbody th {
  color: #38A2E0;
}
.tabel-oferta .tabel-oferta__butoane {
  border-bottom: none;
}
.tabel-oferta .tabel-oferta__butoane .lansare-cta {
  padding: 10px 15px;
  font-size: 13px;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media all and (min-width: 700px) {
  .tabel-oferta .tabel-oferta__butoane .lansare-cta {
    margin-bottom: 0;
  }
}
@media all and (min-width: 1023px) {
  .tabel-oferta .tabel-oferta__butoane .lansare-cta {
    padding: 16px 35px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 15px;
  }
}
@media (hover: hover) {
  .tabel-oferta .tabel-oferta__butoane .lansare-cta:hover {
    color: #FFF;
  }
}
.zona-oferta-50 .tabel-oferta .tabel-oferta__butoane .lansare-cta {
  background-color: #38A2E0;
}
.tabel-oferta .tabel-oferta__butoane .bg-recomandat {
  box-shadow: 0 10px 0 rgba(255, 126, 1, 0.1);
}
.zona-oferta-50 .tabel-oferta .tabel-oferta__butoane .bg-recomandat {
  box-shadow: 0 10px 0 rgba(56, 162, 224, 0.1);
}

.label-recomandat__container {
  padding: 0 0 10px !important;
}

.label-recomandat {
  margin-bottom: 12px;
}
@media all and (min-width: 700px) {
  .label-recomandat {
    margin-bottom: 20px;
  }
}
.label-recomandat span {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  background-color: #FFF;
  color: #D70F64;
  line-height: 1;
  padding: 8px 0 7px;
  border-radius: 5px;
  text-align: center;
}
@media all and (min-width: 1023px) {
  .label-recomandat span {
    font-size: 15px;
    padding: 10px 12px 9px;
    display: inline-block;
  }
}
.safari-only .label-recomandat span {
  color: #FF7E01;
}
.zona-oferta-50 .label-recomandat span {
  color: #4E4DC7;
}
.safari-only .zona-oferta-50 .label-recomandat span {
  color: #38A2E0;
}

.bg-recomandat {
  background-color: rgba(255, 126, 1, 0.1);
}
.zona-oferta-50 .bg-recomandat {
  background-color: rgba(56, 162, 224, 0.1);
}

.article--ansamblu .breadcrumbs {
  justify-content: center;
}
.article--ansamblu h1,
.article--ansamblu .h1 {
  text-align: center;
  font-size: 30px;
}
@media all and (min-width: 700px) {
  .article--ansamblu h1,
  .article--ansamblu .h1 {
    font-size: 36px;
  }
}
@media all and (min-width: 1023px) {
  .article--ansamblu h1,
  .article--ansamblu .h1 {
    font-size: 42px;
  }
}
@media all and (min-width: 1280px) {
  .article--ansamblu h1,
  .article--ansamblu .h1 {
    font-size: 48px;
  }
}
.article--ansamblu h3,
.article--ansamblu .h3 {
  color: #222938;
}
.article--ansamblu .galerie-full {
  margin-top: 0;
  margin-bottom: 0;
}
@media all and (min-width: 1280px) {
  .article--ansamblu .article-body .galerie-full {
    width: 100%;
    margin-left: 0;
  }
}
.article--ansamblu .article-body .galerie-full .galerie-full__thumb {
  background-color: transparent;
}
.article--ansamblu .article-body .galerie-full .galerie-full__thumb img {
  -o-object-fit: contain;
     object-fit: contain;
}
.article--ansamblu .article-body .galerie-full__all {
  box-shadow: 0 0 0 1px #222938;
}
.article--ansamblu p {
  font-size: 16px;
}
@media all and (min-width: 700px) {
  .article--ansamblu p {
    font-size: 18px;
  }
}
.article--ansamblu .citat p {
  font-size: 20px;
}
@media all and (min-width: 700px) {
  .article--ansamblu .citat p {
    font-size: 22px;
  }
}
.article--ansamblu ol,
.article--ansamblu ul:not(.breadcrumbs):not(.breadcrumbs__lvl2):not(.share-buttons-list):not(.pagination):not(.taburi-listing__list):not(.card-text-detalii):not(.sitemap__list) {
  font-size: 16px;
}
@media all and (min-width: 700px) {
  .article--ansamblu ol,
  .article--ansamblu ul:not(.breadcrumbs):not(.breadcrumbs__lvl2):not(.share-buttons-list):not(.pagination):not(.taburi-listing__list):not(.card-text-detalii):not(.sitemap__list) {
    font-size: 18px;
  }
}

.article--fisa-agent {
  margin-top: 0;
}
@media all and (min-width: 700px) {
  .article--fisa-agent {
    margin-top: 30px;
  }
}
@media all and (min-width: 700px) {
  .article--fisa-agent .controller {
    max-width: 600px;
  }
}
@media all and (min-width: 1280px) {
  .article--fisa-agent .article-body,
  .article--fisa-agent .article-body-proprietate {
    padding-left: 0;
    padding-right: 0;
  }
}
.article--fisa-agent .submeniu-ansambluri {
  margin-bottom: 0;
}
@media all and (min-width: 700px) {
  .article--fisa-agent .submeniu-ansambluri {
    margin-left: calc(-50vw + 300px);
    margin-bottom: 50px;
  }
}
@media all and (min-width: 1280px) {
  .article--fisa-agent .submeniu-ansambluri {
    width: 1210px;
    margin-left: -305px;
    border-radius: 0 20px;
  }
}
.article--fisa-agent ol,
.article--fisa-agent ul:not(.breadcrumbs):not(.breadcrumbs__lvl2):not(.share-buttons-list):not(.pagination):not(.taburi-listing__list):not(.card-text-detalii):not(.sitemap__list) {
  font-size: 15px;
}
@media all and (min-width: 700px) {
  .article--fisa-agent ol,
  .article--fisa-agent ul:not(.breadcrumbs):not(.breadcrumbs__lvl2):not(.share-buttons-list):not(.pagination):not(.taburi-listing__list):not(.card-text-detalii):not(.sitemap__list) {
    font-size: 15px;
  }
}
.article--fisa-agent h3 {
  color: #222938;
}
.article--fisa-agent table td {
  line-height: 1.6;
}
.article--fisa-agent table td.nume-detaliu {
  font-weight: 700;
  width: 40%;
}
.article--fisa-agent table td.valoare-detaliu {
  font-weight: 400;
  width: 60%;
}
.article--fisa-agent table td.valoare-detaliu .thumb {
  display: inline-block;
  width: 28px;
  padding-bottom: 28px;
}
@media (hover: hover) {
  .article--fisa-agent table td.valoare-detaliu .thumb:hover {
    box-shadow: none;
  }
}
.article--fisa-agent table tr:last-child td {
  border-bottom: none;
  padding-bottom: 0;
}
.article--fisa-agent table a:hover {
  box-shadow: inset 0 -1px 0 #222938;
}
.article--fisa-agent table a.dashed-link:hover {
  box-shadow: none;
  border-bottom: 1px solid #222938;
}

.dashed-link {
  border-bottom: 1px dashed #222938;
}

@media all and (min-width: 1280px) {
  .box-contact__wrapper {
    width: 350px;
  }
}
.box-contact__wrapper .toolbar__item {
  box-shadow: 0 1px 4px 0 rgba(34, 41, 56, 0.2);
  padding: 15px 15px 14px;
  border-radius: 10px 0;
}
@media all and (min-width: 1280px) {
  .box-contact__wrapper + h2 {
    margin-top: 0;
  }
}

@media all and (min-width: 700px) {
  .stiri-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media all and (min-width: 1280px) {
  .stiri-wrapper {
    box-shadow: 0 1px 4px 0 rgba(34, 41, 56, 0.2);
    padding: 25px 25px 5px;
    border-radius: 10px 0;
  }
}
.stiri-wrapper h2,
.stiri-wrapper .h2 {
  width: 100%;
}
@media all and (min-width: 1280px) {
  .stiri-wrapper h2,
  .stiri-wrapper .h2 {
    font-size: 20px;
    border-bottom: 1px solid rgba(34, 41, 56, 0.15);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 0;
  }
}

.stire-related {
  display: flex;
  margin-bottom: 25px;
  align-items: center;
}
@media all and (min-width: 700px) {
  .stire-related {
    width: calc(50% - 15px);
  }
}
@media all and (min-width: 1023px) {
  .stire-related {
    width: calc((100% - 60px) / 3);
  }
}
@media all and (min-width: 1280px) {
  .stire-related {
    width: 100%;
  }
}
.stire-related .thumb {
  width: 90px;
  padding-bottom: 90px;
  border-radius: 10px 0;
  margin-right: 15px;
}

.stire-related__titlu {
  flex: 1;
  font-weight: 700;
  line-height: 1.4;
}

.logo-ansamblu {
  width: 100px;
  height: 70px;
  position: relative;
  margin: 0 auto 10px;
}
@media all and (min-width: 700px) {
  .logo-ansamblu {
    margin-top: 20px;
  }
}
.logo-ansamblu > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.submeniu-ansambluri {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  background-image: linear-gradient(45deg, #FF7E01 0%, #D70F64 100%);
  color: #FFF;
  margin-left: -25px;
  width: 100vw;
  font-size: 16px;
  font-weight: 700;
}
@media all and (min-width: 700px) {
  .submeniu-ansambluri {
    margin-left: -50px;
    margin-bottom: 5px;
  }
}
@media all and (min-width: 1280px) {
  .submeniu-ansambluri {
    margin-left: calc((-100vw + 1170px) / 2);
  }
}
@media all and (min-width: 1400px) {
  .submeniu-ansambluri {
    width: 1440px;
    margin-left: -135px;
    border-radius: 0 20px 0 0;
  }
}
@media all and (min-width: 1400px) {
  .submeniu-ansambluri + .galerie-full .galerie-full__c3 {
    border-radius: 0;
  }
}

.submeniu-ansambluri__inner {
  display: flex;
}
@media all and (min-width: 700px) {
  .submeniu-ansambluri__inner {
    width: 100%;
    justify-content: center;
    padding: 5px 0;
  }
}
.submeniu-ansambluri__inner a {
  display: block;
  padding: 15px 15px 14px;
  white-space: nowrap;
}
@media all and (min-width: 1280px) {
  .submeniu-ansambluri__inner a {
    padding: 11px 25px 10px;
  }
}
.submeniu-ansambluri__inner a:first-child {
  padding-left: 25px;
}
.submeniu-ansambluri__inner a:last-child {
  padding-right: 25px;
}
@media (hover: hover) {
  .submeniu-ansambluri__inner a:hover {
    border-radius: 5px;
    background-color: #FFF;
    color: #EB4733;
  }
}

.submeniu-ansambluri--sticky {
  position: fixed;
  width: 100%;
  top: 62px;
  left: 0;
  margin: 0;
  z-index: 10;
  border-bottom: 1px solid rgba(34, 41, 56, 0.25);
  font-size: 14px;
}
@media all and (min-width: 700px) {
  .submeniu-ansambluri--sticky {
    top: 62px;
    border-radius: 0;
    font-size: 16px;
  }
}
.submeniu-ansambluri--sticky .submeniu-ansambluri__inner a:first-child {
  padding-left: 15px;
}
@media all and (min-width: 1280px) {
  .submeniu-ansambluri--sticky .submeniu-ansambluri__inner a:first-child {
    padding-left: 25px;
  }
}
.submeniu-ansambluri--sticky .submeniu-ansambluri__inner a:last-child {
  padding-right: 15px;
}
@media all and (min-width: 1280px) {
  .submeniu-ansambluri--sticky .submeniu-ansambluri__inner a:last-child {
    padding-right: 25px;
  }
}
.submeniu-ansambluri--sticky.versiuneaB {
  top: 0;
}

.facilitati {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  position: relative;
  background-color: #F3F6F9;
  border-radius: 10px 0;
  overflow: hidden;
  padding: 10px;
}
@media all and (min-width: 700px) {
  .facilitati {
    margin-top: 60px;
  }
}
@media all and (min-width: 1280px) {
  .facilitati {
    margin-top: 0;
  }
}
.facilitati::after {
  content: "";
  display: block;
  position: absolute;
  height: 10px;
  left: 0;
  right: 0;
  bottom: 1px;
  background-color: #F3F6F9;
  z-index: 1;
}
.news-item-info .facilitati {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 15px;
}
@media all and (min-width: 1280px) {
  .news-item-info .facilitati {
    margin-left: 0;
    margin-right: 0;
    background-color: #F3F6F9;
    margin-top: 20px;
  }
}
.news-item-info .facilitati::after {
  display: none;
}

.facilitati__item {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #FFF;
}
@media all and (min-width: 700px) {
  .facilitati__item {
    width: 25%;
    border-right: 1px solid #FFF !important;
  }
}
.facilitati__item:nth-child(2n-1) {
  border-right: 1px solid #FFF;
}
@media all and (min-width: 700px) {
  .facilitati__item:nth-child(2n-1) {
    border-right: none;
  }
}
@media all and (min-width: 700px) {
  .facilitati__item:nth-child(4n) {
    border-right: none !important;
  }
}
.facilitati__item img {
  width: 40px;
  margin-bottom: 10px;
}
@media all and (min-width: 700px) {
  .facilitati__item img {
    width: 44px;
  }
}
.facilitati__item strong {
  font-size: 13px;
  text-transform: uppercase;
}
.facilitati__item span {
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}
.news-item-info .facilitati__item {
  width: 25%;
  padding: 5px;
}
@media all and (min-width: 1023px) {
  .news-item-info .facilitati__item {
    padding: 5px 10px;
  }
}
@media all and (min-width: 1280px) {
  .news-item-info .facilitati__item {
    padding: 20px 15px;
  }
}
.news-item-info .facilitati__item img {
  width: 24px;
}
@media all and (min-width: 1280px) {
  .news-item-info .facilitati__item img {
    width: 30px;
  }
}
.news-item-info .facilitati__item strong {
  font-size: 11px;
}
@media all and (min-width: 1280px) {
  .news-item-info .facilitati__item strong {
    font-size: 13px;
  }
}
.news-item-info .facilitati__item span {
  font-size: 12px;
}
@media all and (min-width: 1280px) {
  .news-item-info .facilitati__item span {
    font-size: 14px;
  }
}

@media all and (min-width: 1280px) {
  .left-col {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 50px;
  }
}

.planuri {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.planuri .card-proprietate {
  width: 100%;
  margin-bottom: 30px;
}
@media all and (min-width: 700px) {
  .planuri .card-proprietate {
    width: calc(50% - 15px);
  }
}
.planuri .card-image-area {
  border: 1px solid rgba(34, 41, 56, 0.15);
}
.planuri .card-image-area::after {
  display: none;
}
.planuri .card-image-area .thumb {
  background-color: #FFF;
  overflow: hidden;
}
.planuri .card-image-area .thumb img {
  -o-object-fit: contain;
     object-fit: contain;
}
.planuri .card-text-area {
  padding-right: 0;
}
.article .planuri p {
  font-size: 16px;
}
.article .planuri p.card-text-adresa {
  font-size: 14px;
}
.planuri .buton-interesat--inverted {
  margin-bottom: 10px;
}

.final-galerie {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 70px;
  color: #FFF;
  line-height: 1.2;
  text-align: center;
}
.final-galerie img {
  width: 64px;
  margin-bottom: 20px;
}
@media all and (min-width: 700px) {
  .final-galerie img {
    width: 80px;
    margin-bottom: 30px;
  }
}

.final-galerie__titlu {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
}

.final-galerie__text {
  opacity: 0.8;
  margin-bottom: 20px;
}

.final-galerie__buton {
  display: inline-block;
  background-color: #FF7E01;
  border-radius: 5px;
  font-weight: 700;
  padding: 15px 40px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 18px;
  line-height: 1.2;
}
@media all and (min-width: 700px) {
  .final-galerie__buton {
    margin-top: 30px;
  }
}
@media (hover: hover) {
  .final-galerie__buton:hover {
    background-color: #EB4733;
  }
}

.sectiune-cifre {
  background-color: #FF7E01;
  background-image: linear-gradient(45deg, #FF7E01 0%, #D70F64 100%);
  color: #FFF;
  padding: 30px 25px;
  width: 100vw;
  margin-left: -25px;
  display: flex;
}
@media all and (min-width: 700px) {
  .sectiune-cifre {
    width: 100%;
    margin-left: 0;
    padding: 28px 30px 37px;
    border-radius: 0 20px;
  }
}

.sectiune-cifre__item {
  flex: 1;
}
.sectiune-cifre__item + .sectiune-cifre__item {
  margin-left: 20px;
}
@media all and (min-width: 700px) {
  .sectiune-cifre__item + .sectiune-cifre__item {
    margin-left: 30px;
  }
}

.sectiune-cifre__nr {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1;
  padding-bottom: 10px;
}
@media all and (min-width: 700px) {
  .sectiune-cifre__nr {
    font-size: 64px;
    letter-spacing: -2px;
    padding-bottom: 15px;
  }
}

.sectiune-cifre__desc {
  font-size: 15px;
  font-weight: 700;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  line-height: 1.35;
  padding-top: 10px;
}
@media all and (min-width: 700px) {
  .sectiune-cifre__desc {
    padding-right: 20px;
    padding-top: 15px;
  }
}

.taburi-proprietati {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: -20px;
  text-align: center;
  padding: 0 25px;
  position: relative;
}
.taburi-proprietati::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 -1px 0 rgba(34, 41, 56, 0.25);
  width: 100%;
  max-width: 1210px;
  pointer-events: none;
}
@media all and (min-width: 1280px) {
  .taburi-proprietati::after {
    left: calc(50% - 605px);
  }
}

.taburi-proprietati__item {
  padding: 13px 5px;
}
@media all and (min-width: 700px) {
  .taburi-proprietati__item {
    padding: 13px 30px;
  }
}
.taburi-proprietati__item.active {
  box-shadow: inset 0 -3px 0 #FF7E01;
  color: #FF7E01;
}
@media (hover: hover) {
  .taburi-proprietati__item.active:hover {
    box-shadow: inset 0 -3px 0 #FF7E01;
  }
}
@media (hover: hover) {
  .taburi-proprietati__item:hover {
    background-color: #F3F6F9;
    box-shadow: inset 0 -1px 0 rgba(34, 41, 56, 0.25);
  }
}

.harta-agent {
  height: 100vh;
  position: relative;
}
@media all and (min-width: 700px) {
  .harta-agent {
    height: 60vh;
  }
}
@media all and (min-width: 1280px) {
  .harta-agent {
    height: 450px;
  }
}
.harta-agent iframe {
  height: 100vh;
  width: 100vw;
}
@media all and (min-width: 700px) {
  .harta-agent iframe {
    height: 60vh;
  }
}
@media all and (min-width: 1280px) {
  .harta-agent iframe {
    height: 450px;
  }
}

.harta-agent__box {
  position: absolute;
  bottom: 25px;
  left: 25px;
  right: 25px;
  padding: 25px 30px 30px 25px;
  background-color: #FFF;
  border-radius: 0 10px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: flex-start;
}
@media all and (min-width: 700px) {
  .harta-agent__box {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 430px;
  }
}
@media all and (min-width: 1280px) {
  .harta-agent__box {
    bottom: auto;
    left: auto;
    right: 10vw;
    top: 50%;
    transform: translateY(-50%);
  }
}
.harta-agent__box .thumb {
  width: 84px;
  padding-bottom: 84px;
  border-radius: 200px;
  margin-right: 20px;
}

.harta-agent__info {
  flex: 1;
}

.harta-agent__nume {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 2px;
}

.harta-agent__adresa {
  font-size: 14px;
  line-height: 1.3;
  margin-top: 6px;
}

.harta-agent__butoane {
  margin-top: 15px;
}
@media all and (min-width: 700px) {
  .harta-agent__butoane {
    display: flex;
  }
}

.buton-fisa-agent {
  background-color: #FF7E01;
  color: #FFF;
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding: 10px 18px 10px 15px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
}
.buton-fisa-agent img {
  width: 18px;
  margin-right: 10px;
}
.buton-fisa-agent span {
  line-height: 1.1;
}
.buton-fisa-agent + .buton-fisa-agent {
  margin-top: 8px;
}
@media all and (min-width: 700px) {
  .buton-fisa-agent + .buton-fisa-agent {
    margin-top: 0;
    margin-left: 8px;
  }
}
@media (hover: hover) {
  .buton-fisa-agent:hover {
    color: #FFF;
    background-color: #EB4733;
  }
}

.alti-agenti {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 60px 0 45px;
}
@media all and (min-width: 700px) {
  .alti-agenti {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (min-width: 1023px) {
  .alti-agenti {
    width: 96%;
  }
}
.alti-agenti h3 {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.alti-agenti__item {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  padding: 10px 25px;
  border-radius: 0 10px;
}
@media all and (min-width: 700px) {
  .alti-agenti__item {
    width: 50%;
  }
}
@media all and (min-width: 1023px) {
  .alti-agenti__item {
    padding: 20px;
    width: 33%;
    max-width: 403px;
  }
}
.alti-agenti__item .thumb {
  width: 84px;
  padding-bottom: 84px;
  border-radius: 200px;
  margin-right: 20px;
}
@media (hover: hover) {
  .alti-agenti__item:hover {
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
  }
}

.alti-agenti__nume {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 2px;
}

.alti-agenti__info {
  flex: 1;
  max-width: 100%;
  min-width: 0;
}

.alti-agenti__anunturi {
  font-size: 16px;
  line-height: 1.3;
  margin-top: 6px;
}
.alti-agenti__anunturi a {
  display: inline-block;
  position: relative;
  z-index: 10;
}
@media (hover: hover) {
  .alti-agenti__anunturi a:hover {
    color: #FF7E01;
  }
}
.alti-agenti__anunturi div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.alti-agenti__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}

.hero-agent {
  position: relative;
}

.header-agent {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  bottom: auto;
  z-index: 100;
  justify-content: space-between;
}
@media all and (min-width: 1280px) {
  .header-agent {
    padding: 15px 55px;
  }
}

.logo-agent {
  background-image: url(../images/imopedia-logo-new-small-alb.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 53px;
}

.header-agent__butoane {
  display: flex;
}
.header-agent__butoane .buton-fisa-agent {
  padding: 8px 14px 8px 11px;
  font-size: 12px;
}
@media all and (min-width: 1280px) {
  .header-agent__butoane .buton-fisa-agent {
    padding: 10px 18px 10px 15px;
    font-size: 15px;
  }
}
.header-agent__butoane .buton-fisa-agent + .buton-fisa-agent {
  margin-top: 0;
  margin-left: 8px;
}

.header-agent__persoana {
  display: none;
  align-items: center;
  margin-left: 223px;
}
.header-agent__persoana .thumb {
  width: 53px;
  padding-bottom: 53px;
  border-radius: 50%;
  margin-right: 15px;
}
.header-agent__persoana .header-agent__nume {
  font-weight: 700;
  margin: 2px 0;
  display: block;
}
.header-agent__persoana .hero-agent__tel-loc {
  color: #222938;
  font-size: 12px;
}
.header-agent__persoana .hero-agent__tel-loc div {
  margin-right: 15px;
}
.header-agent__persoana .hero-agent__icon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.header-agent__persoana .hero-agent__icon--tel {
  background-image: url(../images/telephone.svg);
}
.header-agent__persoana .hero-agent__icon--loc {
  background-image: url(../images/city.svg);
}

.header-agent--sticky {
  background-color: #FFF;
  position: fixed;
  box-shadow: 0 1px 20px rgba(34, 41, 56, 0.1);
}
.header-agent--sticky .logo-agent {
  background-image: url(../images/imopedia-logo-new-small-negru.svg);
}
@media all and (min-width: 1280px) {
  .header-agent--sticky .header-agent__persoana {
    display: flex;
  }
}

.submeniu-agent {
  position: fixed;
  width: 100%;
  left: 0;
  top: 83px;
  z-index: 101;
  opacity: 0;
  pointer-events: none;
  transition: none;
  transition: opacity 0.2s ease;
}

.submeniu-ansambluri--sticky {
  opacity: 1;
  pointer-events: auto;
}

.cover-agent {
  padding-bottom: 66.66%;
}
@media all and (min-width: 700px) {
  .cover-agent {
    padding-bottom: 45%;
  }
}
@media all and (min-width: 1023px) {
  .cover-agent {
    padding-bottom: 30%;
  }
}
@media all and (min-width: 1600px) {
  .cover-agent {
    padding-bottom: 500px;
  }
}
.cover-agent::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  bottom: auto;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  height: 150px;
  z-index: 1;
}
@media all and (min-width: 1280px) {
  .cover-agent::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: auto;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    height: 210px;
  }
}

.hero-agent__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -90px;
  position: relative;
}
@media all and (min-width: 1280px) {
  .hero-agent__inner {
    margin-top: -120px;
    width: 1210px;
    flex-direction: row;
    align-items: stretch;
  }
}

.foto-agent {
  width: 180px;
  padding-bottom: 180px;
  z-index: 20;
  border-radius: 500px;
  box-shadow: 0 0 0 8px #FFF;
}
@media all and (min-width: 1280px) {
  .foto-agent {
    margin-right: 45px;
    width: 240px;
    padding-bottom: 240px;
  }
}

@media all and (min-width: 700px) {
  .hero-agent__info {
    width: 600px;
  }
}
@media all and (min-width: 1023px) {
  .hero-agent__info {
    width: auto;
  }
}
@media all and (min-width: 1280px) {
  .hero-agent__info {
    flex: 1;
  }
}

.hero-agent__nume-wrapper {
  padding: 20px 25px 0;
}
@media all and (min-width: 1280px) {
  .hero-agent__nume-wrapper {
    padding: 10px 0 0;
  }
}
.hero-agent__nume-wrapper h1 {
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 1.1;
  text-align: center;
}
@media all and (min-width: 1280px) {
  .hero-agent__nume-wrapper h1 {
    line-height: 1.2;
    font-size: 48px;
    color: #FFF;
    text-align: left;
  }
}

.hero-agent__tel-loc {
  text-align: center;
  font-size: 15px;
  margin-top: 15px;
  padding-left: 25px;
}
@media all and (min-width: 1280px) {
  .hero-agent__tel-loc {
    color: #FFF;
    text-align: left;
    margin-top: 0;
    padding-left: 0;
  }
}
.hero-agent__tel-loc div {
  display: inline-flex;
  align-items: center;
  margin-right: 25px;
}

.hero-agent__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.hero-agent__icon--tel {
  background-image: url(../images/telephone.svg);
}
@media all and (min-width: 1280px) {
  .hero-agent__icon--tel {
    background-image: url(../images/telephone-white.svg);
  }
}

.hero-agent__icon--loc {
  background-image: url(../images/city.svg);
}
@media all and (min-width: 1280px) {
  .hero-agent__icon--loc {
    background-image: url(../images/city-white.svg);
  }
}

.hero-agent__detalii {
  margin-top: 20px;
  font-size: 15px;
  background-color: #F3F6F9;
  text-align: center;
  padding-bottom: 15px;
}
@media all and (min-width: 1023px) {
  .hero-agent__detalii {
    text-align: left;
    padding-bottom: 0;
    display: flex;
  }
}
@media all and (min-width: 1280px) {
  .hero-agent__detalii {
    margin-top: 0;
    background-color: transparent;
    padding-top: 50px;
  }
}

.hero-agent__detalii__item {
  padding: 20px 0;
  border-top: 1px solid rgba(34, 41, 56, 0.25);
  margin-left: 25px;
  margin-right: 25px;
}
@media all and (min-width: 1023px) {
  .hero-agent__detalii__item {
    border-top: none;
  }
}
@media all and (min-width: 1280px) {
  .hero-agent__detalii__item {
    padding: 10px 30px;
    margin: 0;
    border-left: 1px solid rgba(34, 41, 56, 0.25);
  }
}
.hero-agent__detalii__item span {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
}
.hero-agent__detalii__item:first-child {
  margin-right: auto;
  border-top: none;
}
@media all and (min-width: 1023px) {
  .hero-agent__detalii__item:first-child {
    padding-right: 25px;
  }
}
@media all and (min-width: 1280px) {
  .hero-agent__detalii__item:first-child {
    padding-left: 0;
    border-left: none;
  }
}
@media all and (min-width: 1280px) {
  .hero-agent__detalii__item:last-child {
    padding-right: 5px;
  }
}

.hero-agent__logos {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 700px) {
  .hero-agent__logos {
    justify-content: flex-start;
  }
}
.hero-agent__logos img {
  max-width: 60px;
  max-height: 36px;
  mix-blend-mode: luminosity;
  opacity: 0.65;
}
.hero-agent__logos img.logo-agentie {
  max-width: 150px;
  mix-blend-mode: multiply;
  opacity: 1;
}
.hero-agent__logos img + img {
  margin-left: 15px;
}

@media all and (min-width: 1280px) {
  .hero-agent--fara-specializari .hero-agent__inner {
    align-items: flex-end;
  }
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-specializari .hero-agent__info {
    display: flex;
    align-items: center;
    margin-top: -2px;
  }
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-specializari .hero-agent__nume-wrapper h1 {
    color: #222938;
  }
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-specializari .hero-agent__tel-loc {
    color: #222938;
  }
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-specializari .hero-agent__icon--tel {
    background-image: url(../images/telephone.svg);
  }
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-specializari .hero-agent__icon--loc {
    background-image: url(../images/city.svg);
  }
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-specializari .hero-agent__detalii {
    margin-left: auto;
    margin-top: 12px;
    padding: 0 7px 3px 25px;
    border-left: 1px solid rgba(34, 41, 56, 0.25);
  }
}
.hero-agent--fara-specializari .cover-agent::after {
  display: none;
}

@media all and (min-width: 700px) {
  .hero-agent--fara-cover .cover-agent {
    padding-bottom: 30%;
  }
}
@media all and (min-width: 1023px) {
  .hero-agent--fara-cover .cover-agent {
    padding-bottom: 25%;
  }
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-cover .cover-agent {
    padding-bottom: 350px;
  }
}
@media all and (min-width: 1600px) {
  .hero-agent--fara-cover .cover-agent {
    padding-bottom: 350px;
  }
}

.hero-agent--fara-specializari-foto-profil .hero-agent__inner {
  margin-top: 5px;
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-specializari-foto-profil .hero-agent__inner {
    margin-top: 20px;
  }
}
.hero-agent--fara-specializari-foto-profil.hero-agent--fara-cover .cover-agent {
  padding-bottom: 160px;
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-specializari-foto-profil.hero-agent--fara-cover .cover-agent {
    padding-bottom: 260px;
  }
}

.hero-agent--fara-foto-profil .hero-agent__inner {
  margin-top: 5px;
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-foto-profil .hero-agent__inner {
    margin-top: -120px;
  }
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-foto-profil .hero-agent__detalii {
    padding-bottom: 5px;
  }
}
.hero-agent--fara-foto-profil.hero-agent--fara-cover .cover-agent {
  padding-bottom: 160px;
}
@media all and (min-width: 1280px) {
  .hero-agent--fara-foto-profil.hero-agent--fara-cover .cover-agent {
    padding-bottom: 350px;
  }
}

@media all and (min-width: 1280px) {
  .proprietati-agent .proprietati-related__inner {
    flex-wrap: wrap;
    width: 1240px;
  }
}
@media all and (min-width: 1280px) {
  .proprietati-agent .proprietati-related__inner .card-proprietate {
    margin: 0 15px 50px;
  }
}

.article--header-listing-agenti {
  margin-bottom: 75px;
}
@media all and (min-width: 700px) {
  .article--header-listing-agenti {
    margin-bottom: 50px;
  }
}
@media all and (min-width: 1280px) {
  .article--header-listing-agenti {
    margin-bottom: 80px;
  }
}
.article--header-listing-agenti .optiuni-afisare {
  display: none;
  margin-left: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  z-index: 10000;
  background-color: rgba(34, 41, 56, 0.97);
  padding: 60px 25px;
}
@media all and (min-width: 700px) {
  .article--header-listing-agenti .optiuni-afisare {
    position: relative;
    margin-top: -5px;
    top: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    z-index: 1;
    display: flex;
    background-color: #F3F6F9;
    padding: 10px;
  }
}
@media all and (min-width: 700px) {
  .article--header-listing-agenti .optiuni-afisare .close {
    display: none;
  }
}
.article--header-listing-agenti .optiuni-afisare select {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  padding: 10px 14px 9px;
  height: auto;
}
@media all and (min-width: 700px) {
  .article--header-listing-agenti .optiuni-afisare select {
    padding: 9px 14px 8px;
    height: 42px;
    width: auto;
    flex: 1;
    margin-right: 5px;
    font-size: 16px;
  }
}
@media all and (min-width: 1023px) {
  .article--header-listing-agenti .optiuni-afisare select {
    flex: none;
    width: 200px;
    margin-bottom: 0;
  }
}
.article--header-listing-agenti .optiuni-afisare input[type=search] {
  width: 100%;
  border-radius: 5px;
  border: none;
  box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
  background-image: url(../images/filters-search-black.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - 12px) center;
  margin-bottom: 10px;
  font-size: 18px;
  padding: 10px 30px 9px 14px;
  height: auto;
}
@media all and (min-width: 700px) {
  .article--header-listing-agenti .optiuni-afisare input[type=search] {
    background-position: calc(100% - 12px) 13px;
    padding: 9px 14px 8px;
    height: 42px;
    font-size: 16px;
    width: auto;
    flex: 1;
  }
}
@media all and (min-width: 1023px) {
  .article--header-listing-agenti .optiuni-afisare input[type=search] {
    flex: none;
    width: 200px;
    margin-bottom: 0;
  }
}
.article--header-listing-agenti .optiuni-afisare input[type=search]:focus {
  border: none;
}
.article--header-listing-agenti .optiuni-afisare .buton {
  text-transform: none;
  font-size: 18px;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
  width: 100%;
  padding: 10px 15px 9px;
  margin: 30px 0 10px;
}
@media all and (min-width: 700px) {
  .article--header-listing-agenti .optiuni-afisare .buton {
    display: none;
  }
}
.article--header-listing-agenti .view-modes {
  display: flex;
}
@media all and (min-width: 700px) {
  .article--header-listing-agenti .view-modes {
    margin-left: auto;
  }
}
.article--header-listing-agenti .check-group {
  display: block;
}
.article--header-listing-agenti .check-group label {
  background-color: transparent;
  box-shadow: none;
  color: #FFF;
}
@media all and (min-width: 700px) {
  .article--header-listing-agenti .check-group label {
    color: #222938;
  }
}
@media all and (min-width: 1023px) {
  .article--header-listing-agenti .check-group label {
    box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
    background-color: #FFF;
  }
}
.article--header-listing-agenti .check-group input:checked + label {
  background-color: transparent;
  color: #FFF;
}
@media all and (min-width: 700px) {
  .article--header-listing-agenti .check-group input:checked + label {
    color: #222938;
  }
}
@media all and (min-width: 1023px) {
  .article--header-listing-agenti .check-group input:checked + label {
    color: #FFF;
    background-color: #38A2E0;
  }
}
@media all and (min-width: 700px) {
  .article--header-listing-agenti + .listing-agenti {
    margin-top: 60px;
  }
}
@media all and (min-width: 1280px) {
  .article--header-listing-agenti + .listing-agenti {
    margin-top: -25px;
  }
}

.info-reprezentare-exclusiva {
  color: #FF7E01;
  font-weight: 700;
  font-size: 12px;
  padding: 0 30px 0 10px;
  line-height: 1.25;
  margin-top: 10px;
  display: block;
}
@media all and (min-width: 700px) {
  .info-reprezentare-exclusiva {
    position: absolute;
    right: 10px;
    bottom: -26px;
    margin-top: 0;
    padding: 0;
  }
}
@media (hover: hover) {
  .info-reprezentare-exclusiva:hover {
    text-decoration: underline;
    color: #FF7E01;
  }
}

.listing-agenti {
  background-color: #F3F6F9;
  padding: 0 0 40px;
}
@media all and (min-width: 700px) {
  .listing-agenti {
    padding: 40px 0;
  }
}
.listing-agenti .pagination {
  padding-top: 0;
}
@media all and (min-width: 700px) {
  .listing-agenti .pagination {
    padding-top: 10px;
  }
}
@media all and (min-width: 1023px) {
  .listing-agenti .pagination a {
    background-color: #FFF;
  }
}
@media all and (min-width: 1023px) {
  .listing-agenti .pagination a.selected {
    background-color: #38A2E0;
  }
}
.listing-agenti .sticky-listing-mobil {
  margin-bottom: 30px;
}
.listing-agenti .sticky-listing-mobil .sticky-filter {
  width: 100%;
  margin-right: 0;
}

.card-agent {
  background-color: #FFF;
  width: 100%;
  border-radius: 20px;
  border-top: 3px solid rgba(34, 41, 56, 0.15);
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
@media all and (min-width: 700px) {
  .card-agent {
    display: flex;
  }
}

.card-agent--mls {
  border-color: #D70F64;
}

.card-agent__A {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 700px) {
  .card-agent__A {
    width: 260px;
  }
}
@media all and (min-width: 1023px) {
  .card-agent__A {
    width: 340px;
  }
}

.card-agent__logo-agentie {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
  padding-top: 1px;
}
.card-agent__logo-agentie img {
  max-width: 124px;
  max-height: 42px;
}

.card-agent__date-agent {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px;
  text-align: center;
}
@media all and (min-width: 700px) {
  .card-agent__date-agent {
    padding: 30px;
  }
}
.card-agent__date-agent .thumb {
  width: 120px;
  padding-bottom: 120px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
.card-agent__date-agent h2 {
  font-size: 22px;
  line-height: 1.2;
  margin-top: 10px;
}
.card-agent__date-agent p {
  flex: 1;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 8px;
}
.card-agent__date-agent .buton {
  position: relative;
  z-index: 2;
  margin-top: 0;
}
.card-agent__date-agent .buton:hover, .card-agent__date-agent .buton:focus {
  color: #FFF;
}

.card-agent__B {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
}
@media all and (min-width: 700px) {
  .card-agent__B {
    width: calc(100% - 260px);
    border-left: 1px solid rgba(34, 41, 56, 0.15);
  }
}
@media all and (min-width: 1023px) {
  .card-agent__B {
    border-top: none;
    width: calc(100% - 350px);
    display: flex;
    flex-direction: column;
  }
}

.card-agent__C {
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
}
@media all and (min-width: 700px) {
  .card-agent__C {
    flex: 1;
  }
}
@media all and (min-width: 1023px) {
  .card-agent__C {
    flex: 1;
    display: flex;
    align-items: center;
  }
}

.card-agent__cifre {
  display: grid;
  grid-gap: 20px 15px;
  grid-template-columns: 32px min-content auto;
  align-items: center;
  padding: 20px 30px;
}
@media all and (min-width: 1023px) {
  .card-agent__cifre {
    width: 320px;
    padding: 30px;
    grid-gap: 25px 20px;
  }
}
@media all and (min-width: 1280px) {
  .card-agent__cifre {
    width: 350px;
  }
}

.card-agent__cifre__icon img {
  width: 32px;
  height: auto;
}

.card-agent__cifre__numar {
  font-size: 44px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1;
}

.card-agent__cifre__text {
  font-size: 15px;
  line-height: 1.33;
  font-weight: 700;
}

.card-agent__spec-membru {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 20px 5px 10px;
  text-align: center;
}
@media all and (min-width: 700px) {
  .card-agent__spec-membru {
    text-align: left;
    padding: 32px 30px;
    padding: 32px 30px;
  }
}
@media all and (min-width: 1023px) {
  .card-agent__spec-membru {
    border-top: none;
    flex: 1;
    border-left: 1px solid rgba(34, 41, 56, 0.15);
  }
}
.card-agent__spec-membru .hero-agent__detalii__item {
  border: none;
  padding: 0;
  width: 100%;
  margin: 0;
}
.card-agent__spec-membru .hero-agent__detalii__item span {
  font-size: 15px;
}
.card-agent__spec-membru .hero-agent__detalii__item + .hero-agent__detalii__item {
  margin-top: 10px;
}
@media all and (min-width: 1023px) {
  .card-agent__spec-membru .hero-agent__detalii__item + .hero-agent__detalii__item {
    margin-top: 30px;
  }
}
.card-agent__spec-membru .hero-agent__logos {
  flex-wrap: wrap;
}
.card-agent__spec-membru .hero-agent__logos img {
  margin: 0 7px 10px;
}
@media all and (min-width: 700px) {
  .card-agent__spec-membru .hero-agent__logos img {
    margin: 0 15px 10px 0;
  }
}
@media all and (min-width: 700px) {
  .card-agent__spec-membru .hero-agent__logos img + img {
    margin-left: 0;
  }
}

.card-agent__oferte {
  padding: 20px;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
}
@media all and (min-width: 700px) {
  .card-agent__oferte {
    padding: 30px;
  }
}

.card-agent__oferte__inner {
  display: flex;
}

.card-agent__card-oferta {
  width: 120px;
}
.card-agent__card-oferta span {
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  display: block;
  margin-bottom: 10px;
}
.card-agent__card-oferta .thumb {
  border-radius: 5px;
  z-index: 2;
}
.card-agent__card-oferta + .card-agent__card-oferta {
  margin-left: 10px;
}
@media (hover: hover) {
  .card-agent__card-oferta:hover .thumb img {
    transform: scale(1.05);
  }
}

.card-agent__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.conturi-agent {
  width: 100%;
  border: 1px solid rgba(34, 41, 56, 0.15);
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 30px;
}

.conturi-agent__item {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  padding: 0 20px 15px;
  flex-wrap: wrap;
}
@media all and (min-width: 1023px) {
  .conturi-agent__item {
    padding: 0 20px;
  }
}
.conturi-agent__item input[type=radio] {
  display: block;
  margin-bottom: 20px;
}
@media all and (min-width: 1023px) {
  .conturi-agent__item input[type=radio] {
    margin-bottom: 0;
  }
}
.conturi-agent__item input[type=radio]:checked + label {
  background-color: rgba(56, 162, 224, 0.05);
}
.conturi-agent__item label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin-bottom: 0;
  cursor: pointer;
}
.conturi-agent__item + .conturi-agent__item {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
}

.conturi-agent__item__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.conturi-agent__inner {
  display: flex;
  align-items: center;
  width: calc(100% - 15px);
  flex-wrap: wrap;
}
@media all and (min-width: 1023px) {
  .conturi-agent__inner {
    flex-wrap: nowrap;
  }
}
.conturi-agent__inner .alti-agenti__item {
  width: 100%;
  padding: 15px 15px 15px 20px;
}
@media all and (min-width: 1023px) {
  .conturi-agent__inner .alti-agenti__item {
    width: auto;
    flex: 1;
  }
}
.conturi-agent__inner .alti-agenti__item .thumb {
  width: 58px;
  padding-bottom: 58px;
}
.conturi-agent__inner .alti-agenti__info {
  width: calc(100% - 78px);
  flex: none;
}
.conturi-agent__inner .alti-agenti__nume {
  font-size: 16px;
}
.conturi-agent__inner .alti-agenti__anunturi {
  font-size: 12px;
}
.conturi-agent__inner .alti-agenti__anunturi div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.conturi-agent__link {
  position: relative;
  z-index: 2;
  font-size: 14px;
  margin-left: auto;
  color: #FF7E01;
}
.conturi-agent__link:hover {
  text-decoration: underline;
  color: #FF7E01;
}

.conturi-agent__icon {
  margin-left: 20px;
  position: absolute;
  top: 18px;
  right: 15px;
}
@media all and (min-width: 1023px) {
  .conturi-agent__icon {
    position: static;
    margin-top: 4px;
  }
}
.conturi-agent__icon img {
  width: 24px;
  opacity: 0.3;
}

.conturi-agent__crm {
  display: none;
  width: 100%;
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  padding-top: 20px;
  margin-top: 15px;
}
@media all and (min-width: 1023px) {
  .conturi-agent__crm {
    padding-bottom: 5px;
    margin-top: 5px;
  }
}
.conturi-agent__crm input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.conturi-agent__crm textarea,
.conturi-agent__crm select {
  font-size: 14px;
  padding: 10px 10px 8px;
}
.conturi-agent__crm .input-and-button a {
  font-size: 14px;
  padding: 14px 2px 10px;
  margin-bottom: 0;
}
@media all and (min-width: 1023px) {
  .conturi-agent__crm .input-and-button a {
    padding: 10px 14px 8px;
    margin-bottom: 20px;
    margin-left: 10px;
  }
}

.user-photo {
  border: 1px solid #C7CECA;
  border-radius: 5px;
  display: flex;
  padding: 20px;
  margin-bottom: 30px;
  align-items: center;
  flex-direction: column;
}
@media all and (min-width: 700px) {
  .user-photo {
    padding: 30px;
    flex-direction: row;
  }
}
.user-photo .thumb {
  width: 120px;
  padding-bottom: 120px;
  border-radius: 50%;
  margin-right: 20px;
  background-image: url(../images/user-default.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin: 10px 0 18px;
}
@media all and (min-width: 700px) {
  .user-photo .thumb {
    margin: 0 30px 0 0;
    margin-right: 30px;
    width: 180px;
    padding-bottom: 180px;
  }
}

.user-photo__inner p {
  margin-bottom: 20px;
  font-size: 18px;
}

.user-photo__buttons {
  flex: 1;
}
@media all and (min-width: 700px) {
  .user-photo__buttons {
    display: flex;
  }
}
.user-photo__buttons .buton {
  margin-top: 0;
  width: 100%;
  text-align: center;
  padding: 12px 20px;
  border: 1px solid #38A2E0;
  background-color: transparent;
  color: #38A2E0;
}
.user-photo__buttons .buton + .buton {
  margin-top: 10px;
}
@media all and (min-width: 700px) {
  .user-photo__buttons .buton + .buton {
    margin-top: 0;
    margin-left: 10px;
  }
}

.confirmare {
  background-color: #38A2E0;
  color: #FFF;
  padding: 15px 20px;
  border-radius: 5px;
  margin-bottom: 30px;
}
@media all and (min-width: 700px) {
  .confirmare {
    display: flex;
    padding: 20px 30px;
    margin-bottom: 40px;
  }
}
.confirmare a {
  display: block;
  margin-top: 5px;
  margin-left: auto;
  font-weight: 700;
  text-decoration: underline;
}
@media all and (min-width: 700px) {
  .confirmare a {
    margin-top: 0;
  }
}

@media all and (min-width: 700px) {
  .sectiune-video-foto iframe {
    width: 100%;
    height: 338px;
    margin-left: 0;
  }
}

.sectiune-video-foto__thumbs {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100vw;
  margin-left: -25px;
  margin-top: -2px;
}
@media all and (min-width: 700px) {
  .sectiune-video-foto__thumbs {
    width: 100%;
    margin-left: 0;
  }
}
.sectiune-video-foto__thumbs .thumb {
  width: 100px;
  padding-bottom: 57px;
}
@media all and (min-width: 700px) {
  .sectiune-video-foto__thumbs .thumb {
    width: 125px;
    padding-bottom: 70px;
  }
}
.sectiune-video-foto__thumbs .thumb + .thumb {
  margin-left: 5px;
}

.sectiune-video-foto__thumbs__inner {
  display: flex;
}

.box-eroare {
  padding: 15px 20px;
  margin-bottom: 30px;
  background-color: #EB4733;
  color: #FFF;
  text-align: center;
  border-radius: 5px;
}
.box-eroare a {
  text-decoration: underline;
}
.form-group .box-eroare, .conturi-agent__item .box-eroare {
  font-size: 14px;
  padding: 10px 15px;
  margin-bottom: 20px;
  width: 100%;
}
.conturi-agent__item .box-eroare {
  margin-bottom: 10px;
  margin-top: 10px;
  z-index: 1;
}
@media all and (min-width: 1023px) {
  .conturi-agent__item .box-eroare {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.eroare-input {
  border: 1px solid #EB4733 !important;
}

.eroare-input-mesaj {
  color: #EB4733;
  margin-top: -10px;
  margin-bottom: 20px;
  font-size: 16px;
  width: 100%;
}
.user-photo + .eroare-input-mesaj {
  margin-top: -20px;
  margin-bottom: 25px;
}
.form-rc-group + .eroare-input-mesaj {
  padding-left: 22px;
}
.input-and-button + .eroare-input-mesaj {
  margin-top: -49px;
  padding-right: 100px;
  margin-bottom: 30px;
}
@media all and (min-width: 1023px) {
  .input-and-button + .eroare-input-mesaj {
    margin-top: -10px;
    padding-right: 0;
    margin-bottom: 25px;
  }
}
.conturi-agent__crm .eroare-input-mesaj {
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: -31px;
  padding-right: 90px;
}
@media all and (min-width: 1023px) {
  .conturi-agent__crm .eroare-input-mesaj {
    margin-top: -10px;
    margin-bottom: 15px;
    padding-right: 0;
  }
}

.cont-inactiv {
  background-color: #38A2E0;
  color: #FFF;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  padding: 5px 20px;
}
.cont-inactiv a {
  text-decoration: underline;
}

.input-and-button--eroare .inline-label,
.input-and-button--eroare input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
  border-color: #EB4733;
}

.cuprins {
  background-color: #F3F6F9;
  border-radius: 20px 0;
  padding: 32px 28px 8px;
  margin: 0 0 30px;
}
@media all and (min-width: 700px) {
  .cuprins {
    padding: 50px 50px 30px;
    margin: 50px 0;
  }
}
.cuprins ul {
  list-style-type: none;
  padding-left: 17px !important;
  line-height: 1.3;
}
.cuprins ul li {
  position: relative;
  margin-bottom: 20px;
}
.cuprins ul li::before {
  position: absolute;
  left: -17px;
  content: "»";
}
.cuprins ul a {
  color: #222938;
  box-shadow: none;
  font-size: 16px;
  border-bottom: 1px dotted rgba(34, 41, 56, 0);
}
@media all and (min-width: 700px) {
  .cuprins ul a {
    font-size: 18px;
  }
}
@media (hover: hover) {
  .cuprins ul a:hover {
    box-shadow: none;
    border-bottom: 1px dotted #222938;
  }
}

.cuprins__titlu {
  font-size: 18px;
  text-transform: uppercase;
  color: #38A2E0;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.exit-popup {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 2000;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 1280px) {
  .exit-popup {
    display: flex;
  }
}
.exit-popup .fader, .exit-popup .add__fader {
  display: block;
}

.exit-popup__inner {
  background-color: #FFF;
  width: 1200px;
  z-index: 1800;
  padding: 40px;
  padding-right: 420px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  border-radius: 0 20px;
  overflow: hidden;
}
@media all and (min-width: 1400px) {
  .exit-popup__inner {
    width: 1380px;
  }
}
@media all and (min-width: 1600px) {
  .exit-popup__inner {
    width: 1500px;
  }
}
.exit-popup__inner > h2 {
  width: 100%;
}
.exit-popup__inner > p {
  width: 100%;
}
.exit-popup__inner .buton-interesat__wrapper {
  order: 2;
  width: 100%;
}
.exit-popup__inner .buton-interesat {
  margin-bottom: 0;
  margin-top: 12px;
  font-size: 14px;
  padding: 15px 20px 14px;
}
.exit-popup__inner .card-proprietate {
  width: calc((100% - 40px) / 3);
  margin: 10px 0 20px;
}
@media all and (min-width: 1400px) {
  .exit-popup__inner .card-proprietate {
    width: calc((100% - 60px) / 4);
  }
}
@media all and (min-width: 1600px) {
  .exit-popup__inner .card-proprietate {
    width: calc((100% - 75px) / 4);
  }
}
.exit-popup__inner .card-proprietate:nth-last-child(-n+5) {
  display: none;
}
@media all and (min-width: 1400px) {
  .exit-popup__inner .card-proprietate:nth-last-child(-n+5) {
    display: flex;
  }
}
@media screen and (min-height: 840px) {
  .exit-popup__inner .card-proprietate:nth-last-child(-n+5) {
    display: flex;
  }
}
.exit-popup__inner .card-proprietate:nth-last-child(-n+4) {
  display: none;
}
@media screen and (min-height: 840px) {
  .exit-popup__inner .card-proprietate:nth-last-child(-n+4) {
    display: flex;
  }
}
.exit-popup__inner .card-text-area {
  padding-right: 0;
}
.exit-popup__inner .close {
  top: 13px;
  right: 10px;
  z-index: 10;
}

.exit-popup__aside {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 380px;
  top: 0;
  padding: 130px 140px 40px 40px;
  background-image: url(../images/ilustratie-cautare-salvata.svg), linear-gradient(0deg, #ECF5FF 0%, #ffffff 100%);
  background-repeat: no-repeat, repeat;
  background-position: calc(100% + 65px) 110px, 0 0;
  box-shadow: inset 1px 0 0 rgba(34, 41, 56, 0.1);
}
.exit-popup__aside h3 {
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 15px;
}
.exit-popup__aside p {
  font-size: 14px;
  margin-bottom: 20px;
}
.exit-popup__aside form {
  display: flex;
}
.exit-popup__aside form > * {
  margin: 0 !important;
}
.exit-popup__aside form input:not([type=checkbox]):not([type=radio]):not([type=submit]), .exit-popup__aside form textarea, .exit-popup__aside form select {
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 5px 0 0 5px;
  border-right: none;
}
.exit-popup__aside form button, .exit-popup__aside form input[type=submit], .exit-popup__aside form .buton {
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 0 5px 5px 0;
}

.disclaimer {
  padding: 30px 25px 1px;
  background-color: #F3F6F9;
}
@media all and (min-width: 700px) {
  .disclaimer {
    padding: 55px;
    display: flex;
    justify-content: space-between;
  }
}

.disclaimer__item {
  margin-bottom: 30px;
}
@media all and (min-width: 700px) {
  .disclaimer__item {
    width: 66%;
    margin-bottom: 0;
  }
}
.disclaimer__item h4,
.disclaimer__item .h4 {
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
}
.disclaimer__item h4 img,
.disclaimer__item .h4 img {
  width: 49px;
  margin-left: 3px;
  vertical-align: middle;
  margin-top: -6px;
}
.disclaimer__item p {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0;
}
@media all and (min-width: 700px) {
  .disclaimer__item.align-right {
    text-align: right;
  }
}
@media all and (min-width: 700px) {
  .disclaimer__item.align-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.body--newsletter .article {
  margin-bottom: 30px;
}
.body--newsletter .article iframe,
.body--newsletter .article embed,
.body--newsletter .article video {
  width: 100%;
  margin-left: 0;
}
.body--newsletter .article p {
  font-size: 18px;
}
@media all and (min-width: 700px) {
  .body--newsletter .article .card-proprietate {
    width: calc(50% - 15px);
    margin-bottom: 30px;
  }
}
.body--newsletter .article .card-proprietate p {
  margin: 0;
}
.body--newsletter .article .card-proprietate p.card-text-adresa {
  font-size: 14px;
}
.body--newsletter .article .card-proprietate p.card-pret {
  font-size: 24px;
  color: #FFF;
}
.body--newsletter .article .card-proprietate + .card-proprietate {
  margin-top: 30px;
}
@media all and (min-width: 700px) {
  .body--newsletter .article .card-proprietate + .card-proprietate {
    margin-top: 0;
  }
}
@media all and (min-width: 1023px) {
  .body--newsletter .controller {
    max-width: 600px;
  }
}
@media all and (min-width: 700px) {
  .body--newsletter .news-item {
    display: block;
    margin-bottom: 0;
  }
}
@media all and (min-width: 700px) {
  .body--newsletter .news-item .thumb {
    width: 100%;
    padding-bottom: 56.25%;
    margin-bottom: 20px;
  }
}
@media all and (min-width: 1280px) {
  .body--newsletter .article-body {
    padding-left: 0;
  }
}
@media all and (min-width: 1280px) {
  .body--newsletter .cifra,
  .body--newsletter .fact,
  .body--newsletter .attachment {
    position: relative;
    margin: 55px 0 50px;
    width: 100%;
  }
}
.body--newsletter .stiri-wrapper {
  margin-top: -10px;
  margin-bottom: 40px;
}
@media all and (min-width: 1280px) {
  .body--newsletter .stiri-wrapper {
    width: 100%;
    margin-top: 30px;
  }
}
@media all and (min-width: 700px) {
  .body--newsletter .stiri-wrapper h2 {
    margin-top: 30px;
  }
}
@media all and (min-width: 1280px) {
  .body--newsletter .stiri-wrapper h2 {
    margin-top: 0;
  }
}
@media all and (min-width: 700px) {
  .body--newsletter .stire-related {
    display: block;
  }
}
@media all and (min-width: 1023px) {
  .body--newsletter .stire-related {
    width: calc(50% - 15px);
  }
}
@media all and (min-width: 700px) {
  .body--newsletter .stire-related .thumb {
    width: 100%;
    padding-bottom: 55%;
    margin-bottom: 10px;
  }
}
@media all and (min-width: 700px) {
  .body--newsletter .thumb.main-article-image {
    width: 100%;
    margin-left: 0;
    border-radius: 0 20px;
  }
}
.body--newsletter .toolbar__item {
  padding: 14px 0 10px;
  background-color: #38A2E0;
  color: #FFF;
}
@media all and (min-width: 1023px) {
  .body--newsletter .toolbar__item {
    padding-bottom: 13px;
    margin-bottom: 40px;
  }
}
@media (hover: hover) {
  .body--newsletter .toolbar__item:hover {
    box-shadow: 0 0 0 1px #222938;
  }
}

.nl-slogan {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 30px;
  max-height: 60px;
}
.nl-slogan img {
  max-height: 60px;
  max-width: 185px;
  margin-top: 5px;
}
@media all and (min-width: 700px) {
  .nl-slogan img {
    max-width: 230px;
  }
}
@media all and (min-width: 1280px) {
  .nl-slogan img {
    max-width: 320px;
    margin-top: 0;
  }
}

.nl-footer {
  font-size: 12px;
  color: rgba(34, 41, 56, 0.6);
}
@media all and (min-width: 700px) {
  .nl-footer {
    font-size: 14px;
  }
}
.nl-footer .controller {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  padding-top: 30px;
  padding-bottom: 15px;
}
@media all and (min-width: 700px) {
  .nl-footer .controller {
    margin-bottom: 20px;
  }
}
.nl-footer a {
  color: #FF7E01;
}
@media (hover: hover) {
  .nl-footer a:hover {
    text-decoration: underline;
  }
}

.sitemap h2 {
  color: #38A2E0;
  font-size: 20px;
  width: 100%;
}
.sitemap h3 {
  font-size: 16px;
  color: #222938;
}
.sitemap p a,
.sitemap ul a,
.sitemap h2 a,
.sitemap .h2 a,
.sitemap h3 a,
.sitemap .h3 a {
  color: inherit;
  box-shadow: none;
}
@media (hover: hover) {
  .sitemap p a:hover,
  .sitemap ul a:hover,
  .sitemap h2 a:hover,
  .sitemap .h2 a:hover,
  .sitemap h3 a:hover,
  .sitemap .h3 a:hover {
    box-shadow: none;
    color: #38A2E0;
  }
}

@media all and (min-width: 700px) {
  .sitemap__wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}

.sitemap__item {
  margin-bottom: 30px;
}
@media all and (min-width: 700px) {
  .sitemap__item {
    width: 50%;
    padding-right: 30px;
  }
}
@media all and (min-width: 1280px) {
  .sitemap__item {
    width: 25%;
  }
}

.sitemap__list {
  list-style-type: none;
  line-height: 1.4;
  font-size: 16px;
}
.sitemap__list a {
  display: block;
  padding: 5px 0;
}

.rezultate-alta-zona {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 30px 40px;
  margin-bottom: 35px;
  background-color: #F3F6F9;
  border-radius: 0 10px;
  text-align: center;
  flex-direction: column;
  line-height: 1.3;
  color: #FFF;
  background-image: linear-gradient(45deg, #FF7E01 0%, #D70F64 100%);
}
@media all and (min-width: 700px) {
  .rezultate-alta-zona {
    margin: 10px 10px 50px;
    padding: 50px 80px 60px;
  }
}
.rezultate-alta-zona img {
  margin-bottom: 10px;
}
.rezultate-alta-zona h2 {
  color: #FFF;
  margin-bottom: 20px;
}
.rezultate-alta-zona p {
  margin-bottom: 0;
}

.harta {
  display: none;
  position: fixed;
  top: 67px;
  left: 0;
  bottom: 0;
  right: 0;
}
@media all and (min-width: 700px) {
  .harta {
    top: 77px;
  }
}
@media all and (min-width: 1280px) {
  .harta {
    top: 122px;
    right: 50%;
    z-index: 279;
  }
}
@media all and (min-width: 2150px) {
  .harta {
    right: 55%;
  }
}
.harta > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.harta__buton {
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 20px;
  z-index: 1;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 20px;
}
@media all and (min-width: 1280px) {
  .harta__buton {
    height: 50px;
    top: 30px;
  }
}
@media (hover: hover) {
  .harta__buton:hover {
    background-color: #F3F6F9;
  }
}

.harta__buton--search {
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  cursor: pointer;
}
.harta__buton--search input {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.harta__buton--search img {
  position: absolute;
  left: 15px;
  width: 20px;
}
.harta__buton--search label {
  margin: 0;
  padding: 0 20px 0 42px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
}
@media all and (min-width: 1280px) {
  .harta__buton--search label {
    height: 50px;
  }
}

.harta__buton--full-map {
  display: none;
}
@media all and (min-width: 1280px) {
  .harta__buton--full-map {
    display: flex;
    padding: 9px;
    top: 30px;
    right: 30px;
    width: 50px;
  }
}
.harta__buton--full-map span {
  display: none;
}

.harta--full {
  right: 0;
}
.harta--full .harta__buton--full-map {
  width: auto;
  padding-right: 22px;
}
.harta--full .harta__buton--full-map img {
  transform: scaleX(-1);
}
.harta--full .harta__buton--full-map span {
  display: block;
}

.desktop-sticky__secondary {
  display: block;
  position: fixed;
  top: -100000000px;
  z-index: 1001;
}
@media all and (min-width: 1280px) {
  .desktop-sticky__secondary {
    top: auto;
  }
}
.desktop-sticky__secondary .filtre {
  display: block;
}
.desktop-sticky__secondary .filtre-wrapper {
  display: block;
}
@media all and (min-width: 1280px) {
  .desktop-sticky__secondary .filtre-wrapper {
    display: flex;
  }
}
.desktop-sticky__secondary .filtre-wrapper .view-modes {
  box-shadow: 0 1px 2px rgba(34, 41, 56, 0.15);
  box-shadow: 0 0 0 1px rgba(34, 41, 56, 0.5);
  border-radius: 5px;
  display: flex;
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
}
@media all and (min-width: 700px) {
  .desktop-sticky__secondary .filtre-wrapper .view-modes {
    margin-left: 0;
    bottom: 40px;
  }
}
@media all and (min-width: 1280px) {
  .desktop-sticky__secondary .filtre-wrapper .view-modes {
    box-shadow: none;
    position: static;
    transform: none;
    margin-left: 30px;
  }
}
@media all and (min-width: 1400px) {
  .desktop-sticky__secondary .filtre-wrapper .view-modes {
    margin-left: 80px;
  }
}

.body--listing .listing-proprietati.proprietati-related {
  background-color: #FFF;
  position: relative;
  z-index: 3000;
}
@media all and (min-width: 700px) {
  .body--listing .listing-proprietati.proprietati-related {
    position: static;
  }
}
.body--listing .disclaimer {
  position: relative;
  z-index: 3000;
}
@media all and (min-width: 700px) {
  .body--listing .disclaimer {
    position: static;
  }
}
.body--listing footer {
  position: relative;
  z-index: 3000;
}
@media all and (min-width: 700px) {
  .body--listing footer {
    position: static;
  }
}
.body--listing footer .listing-proprietati.proprietati-related {
  background-color: transparent;
}

.sticky-listing-mobil--harta {
  display: none;
}

@media all and (min-width: 1280px) {
  .has-map {
    margin-top: 122px !important;
    padding-left: 50%;
  }
}
@media all and (min-width: 2150px) {
  .has-map {
    padding-left: 45%;
  }
}
.has-map .desktop-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 280;
}
.has-map .desktop-sticky__secondary .filtre-wrapper .view-modes {
  bottom: 160px;
}
.has-map .sticky-listing-mobil {
  position: fixed;
  top: 67px;
  left: 0;
  right: 0;
  margin: 0;
}
.has-map .card-proprietate--ad {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .card-proprietate--ad {
    display: flex;
  }
}
.has-map .card-proprietate--ad .card-ad {
  display: flex !important;
  align-items: center !important;
}
.has-map .harta {
  display: block;
}
.has-map .optiuni-afisare {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .optiuni-afisare {
    display: flex;
  }
}
.has-map .vezi-si {
  display: none;
}
.has-map .listings-title {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .listings-title {
    display: block;
    margin: 0;
    padding-top: 35px;
  }
}
@media all and (min-width: 1400px) {
  .has-map .listings-title {
    padding-top: 50px;
  }
}
@media all and (min-width: 1280px) {
  .has-map .listings-title .controller {
    max-width: calc(100% - 70px);
  }
}
@media all and (min-width: 1400px) {
  .has-map .listings-title .controller {
    max-width: calc(100% - 110px);
  }
}
.has-map .listing-proprietati {
  position: fixed;
  display: flex;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
  z-index: 279;
  padding-top: 20px;
  background-image: linear-gradient(180deg, rgba(34, 41, 56, 0) 0%, rgba(34, 41, 56, 0.25) 100%);
}
@media all and (min-width: 700px) {
  .has-map .listing-proprietati {
    margin-bottom: 0;
  }
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati {
    background-image: none;
    padding-top: 0;
    position: static;
    height: auto;
    width: auto;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 10px;
  }
}
.has-map .listing-proprietati .controller {
  flex-wrap: nowrap;
  max-width: none;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  scroll-snap-type: x mandatory;
  width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .controller {
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
    flex-wrap: wrap;
    max-width: calc(100% - 50px);
    width: auto;
    scroll-snap-type: none;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media all and (min-width: 1400px) {
  .has-map .listing-proprietati .controller {
    max-width: calc(100% - 90px);
  }
}
.has-map .listing-proprietati .sticky-listing-mobil {
  display: none;
}
.has-map .listing-proprietati .card-proprietate {
  width: calc(100vw - 60px);
  margin: 0 10px 0 0;
  border-radius: 0 18px;
  padding: 10px;
  background-color: #FFF;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
  scroll-snap-align: center;
  flex-shrink: 0;
}
@media all and (min-width: 700px) {
  .has-map .listing-proprietati .card-proprietate {
    width: 320px;
  }
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-proprietate {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    margin: 0 10px 50px;
    width: calc((100% - 40px) / 2);
    scroll-snap-align: none;
  }
}
@media all and (min-width: 2150px) {
  .has-map .listing-proprietati .card-proprietate {
    width: calc((100% - 60px) / 3);
  }
}
.has-map .listing-proprietati .card-proprietate .thumb {
  width: 100px;
  padding-bottom: 100px;
  border-radius: 0 10px;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-proprietate .thumb {
    width: 100%;
    padding-bottom: 66.66%;
    border-radius: 0;
  }
}
.has-map .listing-proprietati .card-inner {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-inner {
    display: block;
  }
}
.has-map .listing-proprietati .card-image-area {
  border-radius: 0;
  overflow: visible;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-image-area {
    overflow: hidden;
    border-radius: 0 10px;
  }
}
.has-map .listing-proprietati .card-image-area::after {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-image-area::after {
    display: block;
  }
}
.has-map .listing-proprietati .card-open-house {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-open-house {
    display: block;
  }
}
.has-map .listing-proprietati .card-labels,
.has-map .listing-proprietati .card-icons {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-labels,
  .has-map .listing-proprietati .card-icons {
    display: flex;
  }
}
.has-map .listing-proprietati .card-zona-pret {
  left: calc(100% + 12px);
  right: auto;
  bottom: auto;
  top: 5px;
  text-shadow: none;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-zona-pret {
    left: 15px;
    right: 60px;
    bottom: 10px;
    top: auto;
    text-shadow: 0 1px 0 rgba(34, 41, 56, 0.5);
  }
}
.has-map .listing-proprietati .card-pret {
  position: absolute;
  color: #222938;
  white-space: nowrap;
  font-size: 20px;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-pret {
    position: static;
    font-size: 24px;
    color: #FFF;
  }
}
.has-map .listing-proprietati .card-text-area {
  flex: 1;
  padding: 32px 0 0 12px;
  max-height: 100px;
  overflow-y: hidden;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-text-area {
    padding: 10px 35px 0 0;
    max-height: none;
    overflow: visible;
  }
}
.has-map .listing-proprietati .card-text-detalii {
  font-size: 14px;
  flex-wrap: nowrap;
  overflow: hidden;
  height: 21px;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-text-detalii {
    font-size: 16px;
    flex-wrap: wrap;
    height: auto;
  }
}
.has-map .listing-proprietati .card-text-detalii li {
  white-space: nowrap;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-text-detalii li {
    white-space: normal;
  }
}
.has-map .listing-proprietati .card-text-adresa {
  font-size: 12px;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-text-adresa {
    font-size: 14px;
  }
}
.has-map .listing-proprietati .three-dots-menu {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .three-dots-menu {
    display: block;
  }
}
.has-map .listing-proprietati .localizare {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .localizare {
    display: inline-block;
  }
}
.has-map .listing-proprietati .card-nav {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-nav {
    display: flex;
  }
}
.has-map .listing-proprietati .card-heart {
  bottom: 5px;
  right: 8px;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .card-heart {
    bottom: 9px;
    right: 14px;
  }
}
.has-map .listing-proprietati .pagination {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati .pagination {
    display: flex;
  }
}
.has-map .listing-proprietati.proprietati-related {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati.proprietati-related {
    display: block;
  }
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati.proprietati-related .controller {
    max-width: 100%;
  }
}
@media all and (min-width: 1400px) {
  .has-map .listing-proprietati.proprietati-related .controller {
    max-width: calc(100% - 40px);
  }
}
.has-map .proprietati-related__inner {
  flex-wrap: wrap;
  justify-content: center;
}
.has-map .disclaimer {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .disclaimer {
    display: block;
  }
}
.has-map .disclaimer__item {
  width: 100%;
}
.has-map .optiuni-afisare select {
  width: 200px;
}
.has-map .listing-proprietati__platinum-wrapper {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map .listing-proprietati__platinum-wrapper {
    display: flex;
  }
}
@media all and (min-width: 700px) {
  .has-map .listing-proprietati__platinum .card-proprietate {
    margin-right: 10px;
    width: calc((100vw - 90px - 80px) / 4);
  }
}
@media all and (min-width: 1023px) {
  .has-map .listing-proprietati__platinum .card-proprietate {
    width: calc((100vw - 90px - 100px) / 5);
  }
}
@media all and (min-width: 1600px) {
  .has-map .listing-proprietati__platinum .card-proprietate {
    width: calc((100vw - 90px - 120px) / 6);
  }
}
@media all and (min-width: 2150px) {
  .has-map .listing-proprietati__platinum .card-proprietate {
    width: calc((100vw - 90px - 140px) / 7);
  }
}
@media all and (min-width: 2700px) {
  .has-map .listing-proprietati__platinum .card-proprietate {
    width: calc((100vw - 90px - 160px) / 8);
  }
}
.has-map footer {
  display: none;
}
@media all and (min-width: 1280px) {
  .has-map footer {
    display: block;
  }
}
.has-map footer .listing-proprietati.proprietati-related .controller {
  max-width: 100%;
}
.has-map footer .listing-proprietati.proprietati-related .controller .card-proprietate:first-child {
  margin-left: 0;
}

footer {
  background-color: #1e052e;
  background: linear-gradient(-90deg, #091F3F 0%, #1D0922 100%);
  position: relative;
  color: #F3F6F9;
  padding: 40px 25px;
}
@media all and (min-width: 700px) {
  footer {
    padding: 50px 55px 40px;
  }
}
footer .listing-proprietati .controller {
  max-width: 100%;
}
footer .listing-proprietati + .footer__end {
  margin-top: -10px;
}
footer .listing-proprietati.proprietati-related {
  display: flex;
  overflow-y: auto;
  scrollbar-color: rgba(255, 255, 255, 0.35) #38A2E0;
  scrollbar-width: thin;
}
footer .listing-proprietati.proprietati-related::-webkit-scrollbar {
  height: 10px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.05);
}
footer .listing-proprietati.proprietati-related::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
}
footer .listing-proprietati.proprietati-related .controller {
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-bottom: 0;
}
@media all and (min-width: 700px) {
  footer .listing-proprietati.proprietati-related .controller {
    padding-top: 20px;
  }
}
footer .listing-proprietati.proprietati-related .card-proprietate {
  width: 250px;
  margin-right: 20px;
  flex: none;
}
@media all and (min-width: 700px) {
  footer .listing-proprietati.proprietati-related .card-proprietate {
    margin-right: 10px;
  }
}
footer .card-inner {
  background: none;
}
footer .thumb {
  padding-bottom: 56%;
}
@media all and (min-width: 700px) {
  footer .thumb {
    padding-bottom: 56%;
  }
}

.footer-mls {
  margin-bottom: 40px;
  font-size: 16px;
}
@media all and (min-width: 700px) {
  .footer-mls {
    margin-bottom: 0;
  }
}
.footer-mls ul {
  list-style-type: none;
  display: flex;
  font-weight: 700;
  margin-bottom: 0;
  flex-wrap: wrap;
}
@media all and (min-width: 1280px) {
  .footer-mls ul {
    flex-wrap: nowrap;
  }
}
.footer-mls ul li {
  margin-right: 25px;
  width: 100%;
}
@media all and (min-width: 1023px) {
  .footer-mls ul li {
    margin-right: 0;
    width: auto;
  }
}
@media all and (min-width: 1280px) {
  .footer-mls ul li + li {
    margin-left: 32px;
  }
}
.footer-mls ul a {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  display: block;
  padding: 5px 0;
}
@media (hover: hover) {
  .footer-mls ul a:hover {
    border-color: #FFF;
  }
}

.footer-logo {
  display: block;
  margin-bottom: 25px;
}
@media all and (min-width: 700px) {
  .footer-logo {
    margin-bottom: 20px;
  }
}
.footer-logo img {
  width: 166px;
  height: 76px;
}

.footer-apair {
  margin-bottom: 40px;
}
@media all and (min-width: 700px) {
  .footer-apair {
    max-width: 400px;
    margin-bottom: 0;
  }
}
.footer-apair p {
  font-size: 14px;
  margin-bottom: 0;
}

.footer-logo-apair {
  display: block;
  margin-bottom: 20px;
}
.footer-logo-apair img {
  width: 125px;
  height: 23px;
}
@media all and (min-width: 700px) {
  .footer-logo-apair img {
    width: 165px;
    height: 31px;
  }
}

.footer__social {
  display: flex;
  margin-bottom: 20px;
}
@media all and (min-width: 700px) {
  .footer__social {
    padding-bottom: 0;
    margin-bottom: 0;
    width: 120px;
  }
}
.footer__social a {
  display: block;
  width: 44px;
  margin-right: 10px;
}
@media all and (min-width: 700px) {
  .footer__social a {
    margin-right: 0;
    margin-left: 10px;
  }
}

.footer__links {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
@media all and (min-width: 700px) {
  .footer__links {
    display: flex;
    margin-left: auto;
    margin-right: auto;
  }
}

.footer__links__column {
  margin-bottom: 30px;
}
@media all and (min-width: 700px) {
  .footer__links__column {
    flex: 1;
    margin: 0 10px 40px;
  }
}
.footer__links__column ul {
  list-style-type: none;
  font-size: 14px;
}
.footer__links__column ul + .footer__links__title {
  margin-top: 30px;
}
.footer__links__column a {
  display: block;
  padding: 5px 0;
}
@media all and (min-width: 1280px) {
  .footer__links__column a {
    padding: 2px 0;
  }
}
.footer__links__column a:hover {
  color: #FF7E01;
}
@media all and (min-width: 700px) {
  .footer__links__column .disclaimer__item {
    width: 100%;
  }
}

@media all and (min-width: 700px) {
  .footer__links__column--no-title {
    padding-top: 34px;
  }
}

.footer__links__title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
}

.footer__end {
  padding-top: 30px;
}
@media all and (min-width: 700px) {
  .footer__end {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.footer__terms {
  font-size: 14px;
}
@media all and (min-width: 700px) {
  .footer__terms {
    margin-left: auto;
    margin-right: 10px;
  }
}
.footer__terms a {
  color: #FF7E01;
}
.footer__terms a:hover {
  text-decoration: underline;
}

.grup-wrapper {
  background-color: #F3F6F9;
  width: 100%;
  overflow-x: hidden;
}
.grup-wrapper .controller {
  padding: 40px 0;
  display: flex;
  align-items: center;
}
@media all and (min-width: 1280px) {
  .grup-wrapper .controller {
    max-width: 1170px;
  }
}
@media all and (min-width: 1280px) {
  .grup-wrapper .avatar-grup {
    margin-right: 27px;
  }
}

.grup-header__wrapper {
  display: none;
}
@media all and (min-width: 1280px) {
  .grup-header__wrapper {
    display: block;
  }
}
.grup-header__wrapper .controller {
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
  flex-direction: column;
}
@media all and (min-width: 1280px) {
  .grup-header__wrapper .controller {
    flex-direction: row;
  }
}

.grup-header__wrapper--pro {
  background-color: #FFF;
  box-shadow: 0 1px 20px 0 rgba(34, 41, 56, 0.1);
  z-index: 1;
  position: relative;
  overflow: visible;
}
.grup-header__wrapper--pro .controller {
  border-bottom: none;
}
.grup-header__wrapper--pro .grup-header__text {
  padding-top: 0;
  max-width: 750px;
}

.grup-header__wrapper--pro--inside .grup-header__text::after {
  display: none;
}
.grup-header__wrapper--pro--inside .avatar-grup-pro {
  margin-bottom: 0;
}

.grup-header__text {
  text-align: center;
  padding: 20px 0 0;
}
@media all and (min-width: 1280px) {
  .grup-header__text {
    flex: 1;
    text-align: left;
    padding: 0;
    max-width: 630px;
    margin-right: auto;
  }
}
.grup-header__text span {
  font-size: 14px;
  display: inline-block;
}
.grup-header__text span a {
  border-bottom: 1px solid transparent;
}
@media (hover: hover) {
  .grup-header__text span a:hover {
    border-bottom: 1px solid #222938;
  }
}

.grup-header__title {
  font-size: 30px;
  margin: 0 0 10px;
  font-weight: 700;
}
@media all and (min-width: 1280px) {
  .grup-header__title {
    font-size: 40px;
    letter-spacing: -0.25px;
    margin: 0;
  }
}

.avatar-grup {
  background-color: #2B214F;
  position: relative;
  width: 94px;
  height: 94px;
  border-radius: 12px;
  overflow: hidden;
}
.avatar-grup img {
  position: absolute;
  top: 17px;
  right: 17px;
  bottom: 17px;
  left: 17px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: calc(100% - 34px);
  height: calc(100% - 34px);
}

.avatar-grup-pro {
  margin-bottom: 18px;
}
@media all and (min-width: 1280px) {
  .avatar-grup-pro {
    margin-bottom: 12px;
  }
}
.avatar-grup-pro img {
  max-height: 45px;
  max-width: 170px;
}

.grup-header__adauga {
  text-align: center;
  padding-top: 20px;
}
@media all and (min-width: 1280px) {
  .grup-header__adauga {
    width: 230px;
    text-align: right;
    padding-top: 12px;
  }
}

.powered {
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
  align-items: flex-end;
}
@media all and (min-width: 1280px) {
  .powered {
    width: 300px;
    padding-top: 0;
  }
}
.powered img {
  margin-left: 10px;
}

.grup-header__adauga__text {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #38A2E0;
  margin-top: 12px;
  padding-right: 2px;
}

.btn-grup {
  border: 1px solid rgba(56, 162, 224, 0.75);
  border-radius: 100px;
  font-weight: 700;
  font-size: 14px;
  color: #38A2E0;
  background-color: #FFF;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  padding: 10px 18px;
  text-align: center;
  justify-content: center;
}
@media (hover: hover) {
  .btn-grup:hover {
    border-color: #38A2E0;
    color: #38A2E0;
    background-color: rgba(56, 162, 224, 0.15);
  }
}

.btn-grup--simple {
  border: none;
  padding: 0;
  margin-right: 24px;
  background-color: transparent;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  padding-bottom: 3px;
}
@media (hover: hover) {
  .btn-grup--simple:hover {
    color: #38A2E0;
    background-color: transparent;
    border-color: #38A2E0;
  }
}

.btn-grup--icon {
  padding: 8px 18px 8px 14px;
}
.btn-grup--icon img {
  margin-right: 6px;
  width: 18px;
  height: 18px;
}

.grup-columns .controller {
  display: block;
}
@media all and (min-width: 1280px) {
  .grup-columns .controller {
    display: flex;
    align-items: flex-start;
  }
}
.grup-columns + .grup-columns,
.grup-columns + .grup-box--full-width {
  margin-top: -40px;
}
.grup-columns + .grup-columns .controller,
.grup-columns + .grup-box--full-width .controller {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  padding-top: 27px;
}
.grup-columns + .grup-box--full-width {
  margin-top: -60px;
}

.grup-columns__c1 {
  flex: 1;
}
.grup-columns__c1 > *:first-child {
  padding-top: 0;
}
.grup-columns__c1 .grup-pro-agent {
  display: flex;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  border-radius: 12px;
  padding: 18px 42px 18px 18px;
  align-items: center;
  background-image: url(../images/CaretRight.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
}
@media all and (min-width: 1280px) {
  .grup-columns__c1 .grup-pro-agent {
    display: none;
  }
}
.grup-columns__c1 .grup-pro-agent .thumb {
  width: 64px;
  padding-bottom: 64px;
  margin-right: 12px;
}
.grup-columns__c1 .grup-pro-agent__info {
  padding-top: 5px;
}
.grup-columns__c1 .grup-pro-agent__nume {
  font-size: 22px;
}
.grup-columns__c1 .grup-pro-agent__functie {
  font-size: 14px;
}

.grup-columns__c2 {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
}
@media all and (min-width: 1280px) {
  .grup-columns__c2 {
    width: 340px;
    margin-left: 80px;
    border-top: none;
  }
}
@media all and (min-width: 1280px) {
  .grup-columns__c2 > *:first-child {
    padding-top: 0;
  }
}

.grup-box {
  padding: 27px 0;
}
.grup-box + .grup-box {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
}
.grup-box > .btn-grup {
  width: 100%;
  margin-top: 18px;
}

.grup-box--full-width {
  background-color: #F3F6F9;
  padding-bottom: 40px;
}
@media all and (min-width: 1280px) {
  .grup-box--full-width {
    padding-bottom: 60px;
  }
}
@media all and (min-width: 1280px) {
  .grup-box--full-width .grup-box-listing .card-proprietate {
    width: calc((100% - 110px) / 6);
  }
}
.grup-box--full-width .grup-box-listing .card-proprietate:nth-child(4n) {
  margin-right: 10px;
}
.grup-box--full-width .grup-box-listing__more {
  right: 0;
  left: auto;
  margin-left: 0;
}
.grup-box--full-width + .banda-stiri {
  box-shadow: none;
  border-top: 1px solid rgba(34, 41, 56, 0.1);
}
.grup-box--full-width + .grup-columns {
  margin-top: -15px;
}
@media all and (min-width: 1280px) {
  .grup-box--full-width + .grup-columns {
    margin-top: -30px;
  }
}
.grup-box--full-width + .grup-columns .controller {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  padding-top: 27px;
}

@media all and (min-width: 1280px) {
  .grup-box--mobile-only {
    display: none;
  }
}

.grup-box--desktop-only {
  display: none;
}
@media all and (min-width: 1280px) {
  .grup-box--desktop-only {
    display: block;
  }
}

.grup-box__header {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  min-height: 26px;
}
.grup-box__header img {
  width: 26px;
  height: 26px;
  margin-right: 12px;
}

.grup-box__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  padding-right: 20px;
  flex: 1;
}
@media all and (min-width: 1280px) {
  .grup-box__title {
    font-size: 22px;
  }
}

.grup-box__header__link {
  font-weight: 700;
  font-size: 14px;
  color: #38A2E0;
  margin-left: auto;
  margin-right: 2px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-bottom: 1px solid transparent;
}
@media (hover: hover) {
  .grup-box__header__link:hover {
    border-bottom: 1px solid #38A2E0;
    color: #38A2E0;
  }
}
.grup-box__header__link img {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

@media all and (min-width: 1023px) {
  .grup-box--noutati {
    display: flex;
    align-items: stretch;
    background-image: linear-gradient(90deg, #D70F64 0%, #FF7E01 100%);
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 27px;
    border-radius: 12px;
  }
}

.grup-box--noutati--multiple .grup-box__notificari:first-child {
  border-radius: 12px 12px 0 0;
}
.grup-box--noutati--multiple .grup-box__notificari:last-child {
  border-radius: 0 0 12px 12px;
}
.grup-box--noutati--multiple .grup-box__notificari:last-child:first-child {
  border-radius: 12px;
}

.grup-box__notificari {
  display: flex;
  align-items: center;
  background-image: linear-gradient(90deg, #D70F64 0%, #FF7E01 100%);
  color: #FFF;
  border-radius: 12px;
  padding: 12px 18px;
  position: relative;
}
@media all and (min-width: 1023px) {
  .grup-box__notificari {
    background-image: none;
    flex: 1;
    border-radius: 0 !important;
    padding: 18px 18px;
  }
}
@media (hover: hover) {
  .grup-box__notificari:hover {
    color: #FFF;
  }
}
.grup-box__notificari + .grup-box__notificari {
  border-radius: 0;
}
@media all and (min-width: 1023px) {
  .grup-box__notificari + .grup-box__notificari {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
  }
}
.grup-box__notificari + .grup-box__notificari:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.25);
}
@media all and (min-width: 1023px) {
  .grup-box__notificari + .grup-box__notificari:before {
    display: none;
  }
}

.grup-box__notificari__icon {
  width: 26px;
}
.grup-box__notificari__icon img {
  width: 26px;
  height: 26px;
}

.grup-box__notificari__no {
  color: #D70F64;
  background-color: #FFF;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  line-height: 1;
  min-width: 22px;
  padding: 0 5px;
  border-radius: 100px;
  text-align: center;
}

.grup-box__notificari__text {
  line-height: 1;
  margin: 0 15px;
  flex: 1;
}

.grup-box__notificari__text__titlu {
  font-weight: 700;
  font-size: 18px;
  display: block;
  line-height: 1.1;
}
@media all and (min-width: 1023px) {
  .grup-box__notificari__text__titlu {
    font-size: 22px;
  }
}

.grup-box__notificari__text__descriere {
  font-size: 14px;
  opacity: 0.7;
  display: block;
  line-height: 1.2;
  margin-top: 2px;
}
@media all and (min-width: 1023px) {
  .grup-box__notificari__text__descriere {
    margin-top: 4px;
  }
}

.grup-box__notificari__link {
  margin-left: auto;
  margin-right: 4px;
  font-size: 14px;
  line-height: 1.1;
  text-align: right;
  font-weight: 700;
  border-bottom: 1px solid transparent;
}
@media (hover: hover) {
  .grup-box__notificari__link:hover {
    border-bottom: 1px solid #FFF;
  }
}

.grup-box-listing {
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100vw;
  margin-left: -25px;
  padding-left: 25px;
  padding-top: 10px;
  margin-top: -10px;
}
@media all and (min-width: 700px) {
  .grup-box-listing {
    margin-left: -50px;
    padding-left: 50px;
  }
}
@media all and (min-width: 1280px) {
  .grup-box-listing {
    width: 100%;
    overflow: visible;
    margin: 0;
    padding: 0;
  }
}
.grup-box-listing .card-proprietate {
  width: 200px;
  margin-right: 10px;
  flex-shrink: 0;
}
@media all and (min-width: 1280px) {
  .grup-box-listing .card-proprietate {
    width: calc((100% - 30px) / 4);
  }
}
.grup-box-listing .card-proprietate:nth-child(4n) {
  margin-right: 0;
}
.grup-box-listing .card-proprietate:only-child::after {
  content: "";
  display: block;
  position: absolute;
  left: calc(100% + 10px);
  height: 120px;
  width: calc(100vw - 235px);
  border: 1px solid rgba(34, 41, 56, 0.15);
  border-right: none;
  border-radius: 12px 0 0 12px;
}
@media all and (min-width: 1280px) {
  .grup-box-listing .card-proprietate:only-child::after {
    display: none;
  }
}
.grup-box-listing .card-inner {
  background-color: transparent;
}
.grup-box-listing .card-image-area {
  border-radius: 12px;
}
.grup-box-listing .card-image-area::after {
  top: 35%;
}
.grup-box-listing .card-zona-pret {
  left: 12px;
  bottom: 6px;
  right: 12px;
}
.grup-box-listing .card-pret {
  font-size: 18px;
}
.grup-box-listing .card-text-area {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0;
}
.grup-box-listing .card-text-area a {
  padding-top: 6px;
  display: block;
}
.grup-box-listing .card-heart {
  display: flex;
  bottom: 11px;
  right: 10px;
}
.grup-box-listing .card-heart img {
  width: 16px;
}
.grup-box-listing .thumb {
  padding-bottom: 120px;
}

.grup-box-listing--1card {
  overflow-x: hidden;
}
.grup-box-listing--1card .card-proprietate--skeleton:nth-child(2) {
  display: flex;
}

.card-proprietate--skeleton {
  display: none;
}
@media all and (min-width: 1280px) {
  .card-proprietate--skeleton {
    display: flex;
  }
}
.card-proprietate--skeleton .card-image-area::after {
  display: none;
}
.card-proprietate--skeleton .thumb {
  background-color: #FFF;
}
.card-proprietate--skeleton .card-text-area p {
  color: transparent;
  background-color: #FFF;
  box-shadow: inset 0 3px 0 #F3F6F9, inset 0 -3px 0 #F3F6F9, inset -10px 0 0 #F3F6F9;
}
.card-proprietate--skeleton .card-text-area p:last-child {
  box-shadow: inset 0 3px 0 #F3F6F9, inset 0 -3px 0 #F3F6F9, inset -30px 0 0 #F3F6F9;
}

.card-heart__rating {
  position: absolute;
  bottom: calc(100% + 2px);
  right: -4px;
  background-color: rgba(34, 41, 56, 0.9);
  color: #FFF;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  border-radius: 100px;
  padding: 3px 5px;
}

.grup-box-listing__more {
  background-image: linear-gradient(270deg, rgba(34, 41, 56, 0) 0%, rgba(34, 41, 56, 0.2) 100%);
  color: #38A2E0;
  height: 120px;
  width: 50px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding-right: 6px;
  font-size: 14px;
  border-radius: 12px 0 0 12px;
  position: relative;
  margin-left: 10px;
}
@media all and (min-width: 1280px) {
  .grup-box-listing__more {
    position: absolute;
    left: calc(100% + 10px);
    left: 100%;
  }
}
.grup-box-listing__more::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  top: 1px;
  bottom: 1px;
  left: 1px;
  background-color: #F3F6F9;
  border-radius: 11px 0 0 11px;
}
.grup-box-listing__more span {
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .grup-box-listing__more:hover {
    color: #38A2E0;
  }
  .grup-box-listing__more:hover span {
    transform: translateX(2px);
  }
}

.card-proprietate--notificare::after {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  right: -6px;
  width: 16px;
  height: 16px;
  background-color: #38A2E0;
  border: 2px solid #F3F6F9;
  border-radius: 100px;
}

.grup-box__list {
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  border-radius: 12px;
  padding: 6px 18px;
}
.grup-box__list .btn-grup {
  margin: 6px 0 12px -2px;
}

.grup-box__list__item {
  display: block;
  position: relative;
  padding: 14px 70px 14px 0;
  background-image: url(../images/CaretRight.svg);
  background-repeat: no-repeat;
  background-position: calc(100% + 4px) center;
}
.grup-box__list__item + .grup-box__list__item {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
}
@media (hover: hover) {
  .grup-box__list__item:hover .grup-box__list__item__title {
    color: #38A2E0;
  }
}

.grup-box__list__item__title {
  display: flex;
  align-items: center;
  line-height: 1.1;
}
.grup-box__list__item__title img {
  width: 18px;
  margin-right: 6px;
}

.grup-box__list__item__desc {
  font-size: 14px;
  opacity: 0.7;
  line-height: 1.1;
  margin-top: 6px;
}

.grup-box__list__item__notification {
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
  background-color: #38A2E0;
  color: #FFF;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  font-size: 14px;
  padding: 0 5px;
}

.grup-box__group-list {
  padding: 18px;
  display: flex;
  flex-wrap: wrap;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  border-radius: 12px;
}
.grup-box__group-list .btn-grup {
  width: 100%;
  margin-top: 18px;
}

.grup-box__group-list__item {
  width: calc((100% - 20px) / 3);
  margin-right: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.grup-box__group-list__item:nth-child(3n) {
  margin-right: 0;
}
@media (hover: hover) {
  .grup-box__group-list__item:hover .grup-box__group-list__item__name {
    color: #38A2E0;
  }
}
.grup-box__group-list__item .avatar-grup {
  margin: 0;
}

.grup-box__group-list__item__name {
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  margin-top: 6px;
}

.grup-box__group-list__item--notificare::after {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  right: -6px;
  width: 16px;
  height: 16px;
  background-color: #38A2E0;
  border: 2px solid #FFF;
  border-radius: 100px;
}

.grup-box__grup-link {
  padding: 18px;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  border-radius: 12px;
}
.grup-box__grup-link p {
  font-size: 14px;
  margin-bottom: 8px;
}

.grup-box__membri {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100vw;
  margin-left: -25px;
  padding-left: 25px;
}
@media all and (min-width: 700px) {
  .grup-box__membri {
    margin-left: -50px;
    padding-left: 50px;
  }
}
@media all and (min-width: 1280px) {
  .grup-box__membri {
    width: 100%;
    overflow: visible;
    margin: 0;
    padding: 0;
  }
}

.grup-box__membri__item {
  width: 100px;
  flex-shrink: 0;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media all and (min-width: 1280px) {
  .grup-box__membri__item {
    width: calc((100% - 50px) / 6);
  }
}
.grup-box__membri__item:nth-child(6n) {
  margin-right: 0;
}
.grup-box__membri__item .thumb {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 200px;
  background-color: #2B214F;
}

.grup-box__membri__nume {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 6px;
}

.grup-box__membri__rol {
  font-size: 14px;
  line-height: 1.2;
}

.grup-box__membri__initiale {
  color: #FFF;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 36px;
}

.info-box {
  position: relative;
}

.info-box__trigger {
  font-size: 14px;
  color: rgba(34, 41, 56, 0.5);
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.info-box__trigger img {
  width: 18px;
  height: auto;
  opacity: 0.5;
  margin-right: 5px;
}
@media (hover: hover) {
  .info-box__trigger:hover {
    color: #222938;
  }
  .info-box__trigger:hover img {
    opacity: 1;
  }
}

.info-box__text {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: calc(100% + 20px);
  left: 0;
  background-color: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, #FFF 90%), url(../images/ilustratie-help.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) 22px;
  z-index: 100;
  font-size: 14px;
  border-radius: 10px 10px 10px 0;
  padding: 20px 140px 20px 20px;
}
@media all and (min-width: 1280px) {
  .info-box__text {
    width: 500px;
  }
}
.info-box__text::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: #FFF transparent transparent transparent;
}
@media all and (min-width: 1280px) {
  .grup-columns__c2 .info-box__text {
    width: 340px;
    left: 10px;
  }
}

.info-box__titlu {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 10px;
}

.info-box__more {
  display: block;
  color: #38A2E0;
  margin-top: 10px;
}
@media (hover: hover) {
  .info-box__more:hover {
    text-decoration: underline;
    color: #38A2E0;
  }
}

.info-box__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
}
.info-box__close img {
  width: 30px;
  height: auto;
  opacity: 0.5;
}
@media (hover: hover) {
  .info-box__close:hover img {
    opacity: 1;
  }
}

.info-box__text--active {
  opacity: 1;
  pointer-events: auto;
}

.footer-nepro {
  background-image: url(../images/bottom-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 120px;
}
@media all and (min-width: 1280px) {
  .footer-nepro {
    padding-bottom: 40px;
  }
}

.grup-ponturi {
  display: flex;
  flex-direction: column-reverse;
  background-image: url(../images/bg10plus-.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 25px;
  border-radius: 12px;
  overflow: hidden;
  margin: -40px 0 20px;
  width: 100%;
  position: relative;
}
@media all and (min-width: 700px) {
  .grup-ponturi {
    padding: 50px;
  }
}
@media all and (min-width: 1280px) {
  .grup-ponturi {
    padding: 55px 60px 60px;
    flex-direction: row;
    align-items: center;
  }
}
.grup-ponturi > * {
  position: relative;
  z-index: 2;
}

.grup-ponturi--alb {
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
}
@media all and (min-width: 1280px) {
  .grup-ponturi--alb {
    padding: 20px 60px 25px;
  }
}
.grup-ponturi--alb .grup-ponturi__title {
  text-shadow: none;
}
@media all and (min-width: 1280px) {
  .grup-ponturi--alb .grup-ponturi__c1 {
    padding: 20px 0 20px;
  }
}
.grup-ponturi--alb .grup-ponturi__c1 p {
  color: #222938;
}
.grup-ponturi--alb .grup-ponturi__c1 .btn-grup {
  border: 1px solid #38A2E0;
  color: #38A2E0;
  margin-top: 10px;
}
.grup-ponturi--alb .grup-ponturi__c2 {
  text-align: center;
}
.grup-ponturi--alb .grup-ponturi__c2 img {
  width: 200px;
  margin-bottom: 30px;
}

.grup-ponturi__blob {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  transform: translate(30%, 30%) scale(1.5);
  opacity: 0.15;
  mix-blend-mode: overlay;
}
@media all and (min-width: 1280px) {
  .grup-ponturi__blob {
    display: block;
  }
}

.grup-ponturi__blob2 {
  right: auto;
  left: 0;
  transform: translate(-30%, 60%) scale(1.5) rotate(90deg);
  opacity: 0.75;
}

.grup-ponturi__blob3 {
  bottom: auto;
  top: 0;
  right: auto;
  left: 0;
  transform: translate(10%, -130%) scale(2.5) rotate(270deg);
  opacity: 0.25;
}

.grup-ponturi__c1 {
  font-size: 16px;
  flex: 1;
}
.grup-ponturi__c1 p {
  color: #FFF;
  margin-bottom: 20px;
}
.grup-ponturi__c1 ul {
  list-style-type: none;
  padding-left: 40px;
  color: rgba(255, 255, 255, 0.8);
}
.grup-ponturi__c1 li {
  position: relative;
  margin-bottom: 15px;
}
.grup-ponturi__c1 li::before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background-image: url(../images/bullet-ponturi.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -40px;
}
.grup-ponturi__c1 .btn-grup {
  border: none;
  color: #222938;
  padding: 15px 30px;
  margin-top: 20px;
}
@media (hover: hover) {
  .grup-ponturi__c1 .btn-grup:hover {
    background-color: #38A2E0;
    color: #FFF;
  }
}
.grup-ponturi__c1 br {
  display: none;
}
@media all and (min-width: 1280px) {
  .grup-ponturi__c1 br {
    display: inline;
  }
}

.grup-ponturi__title {
  font-size: 28px;
  line-height: 1.35;
  color: #FF7E01;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 #000, 0 2px 5px #2b214f, 0 2px 10px #2b214f;
}

@media all and (min-width: 1280px) {
  .grup-ponturi__c2 {
    margin-left: 60px;
  }
}
.grup-ponturi__c2 iframe {
  width: 100%;
  height: calc((100vw - 100px) * 9 / 16);
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 15px;
}
@media all and (min-width: 700px) {
  .grup-ponturi__c2 iframe {
    height: calc((100vw - 180px) * 9 / 16);
    border-radius: 12px;
  }
}
@media all and (min-width: 1280px) {
  .grup-ponturi__c2 iframe {
    width: 490px;
    height: 276px;
    margin-bottom: 0;
  }
}

.grup-pro-agent {
  display: none;
}
@media all and (min-width: 1280px) {
  .grup-pro-agent {
    margin-left: 43px;
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-left: 20px;
  }
}
.grup-pro-agent .thumb {
  width: 75px;
  padding-bottom: 75px;
  border-radius: 50%;
  margin-right: 20px;
}
@media all and (min-width: 1280px) {
  .grup-pro-agent .thumb {
    width: 90px;
    padding-bottom: 90px;
  }
}

.grup-pro-agent__info {
  flex: 1;
}

.grup-pro-agent__nume {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 2px;
}
@media all and (min-width: 1280px) {
  .grup-pro-agent__nume {
    font-size: 30px;
    letter-spacing: -0.25px;
  }
}

.grup-pro-agent__functie {
  font-size: 12px;
  opacity: 0.7;
  margin-bottom: 5px;
}

.grup-pro-agent__link {
  display: inline-block;
  border-radius: 100px;
  background-color: #FFF;
  font-weight: 700;
  font-size: 12px;
  padding: 3px 12px;
}

.link-grup-default {
  background-color: #222938;
  width: 100%;
  height: 5px;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 10000;
}
.link-grup-default a {
  height: 30px;
  padding: 0 15px;
  display: flex;
  font-size: 12px;
  color: #FFF;
  background-color: #222938;
  font-weight: 700;
  align-items: center;
  border-radius: 0 0 5px 5px;
}

.grup-header-mobile {
  background-color: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.12);
  border-radius: 24px 24px 0 0;
  margin-top: -24px;
  margin-bottom: -10px;
  position: relative;
  z-index: 100000;
  position: sticky;
  top: 0;
}
@media all and (min-width: 1280px) {
  .grup-header-mobile {
    display: none;
  }
}

.grup-header-mobile--sticky {
  border-radius: 0;
  background-image: url(../images/top-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.grup-header-mobile--sticky .grup-header-mobile__btn .grup-header-mobile__btn--light {
  opacity: 0;
}
.grup-header-mobile--sticky .grup-header-mobile__btn .grup-header-mobile__btn--dark {
  opacity: 1;
}
.grup-header-mobile--sticky .grup-header-mobile__inner .grup-header__title {
  color: #FFF;
}
.grup-header-mobile--sticky .grup-header-mobile__inner .grup-header__text span {
  color: rgba(255, 255, 255, 0.8);
}
.grup-header-mobile--sticky.grup-header-mobile--sticky--homepage .grup-header-mobile__switch-trigger {
  background-image: url(../images/DotsNine-alb.svg);
}
.grup-header-mobile--sticky.grup-header-mobile--sticky--homepage .grup-header__text {
  background-image: url(../images/UsersThree-alb.svg);
}
.grup-header-mobile--sticky.grup-header-mobile--pro {
  background-color: #F20000;
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
}
.grup-header-mobile--sticky.grup-header-mobile--pro .rounded-corner-left .rounded-corner-color {
  fill: #d30000;
}
.grup-header-mobile--sticky.grup-header-mobile--pro .rounded-corner-right .rounded-corner-color {
  fill: #F20000;
}

.rounded-corner-left,
.rounded-corner-right {
  position: absolute;
  top: 100%;
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.rounded-corner-left {
  left: 0;
}

.rounded-corner-right {
  right: 0;
}

.grup-header-mobile--sticky--homepage {
  top: -32px;
}

.grup-header-mobile__info {
  text-align: center;
  font-size: 12px;
  color: rgba(34, 41, 56, 0.8);
  background-image: url(../images/linie-gradient.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: calc(100% - 12px) 1px;
  padding: 7px;
}

.grup-header-mobile__inner {
  display: flex;
  align-items: center;
}
.grup-header-mobile__inner .grup-header__text {
  display: block;
  flex: 1;
  max-width: calc(100% - 62px);
  background-image: url(../images/UsersThree.svg);
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: 18px center;
  padding: 16px 0 16px 56px;
}
.grup-header-mobile__inner .grup-header__text span {
  font-size: 12px;
  color: rgba(34, 41, 56, 0.8);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: left;
  display: block;
}
.grup-header-mobile__inner .grup-header__text--no-icon {
  background: none;
  padding: 16px 6px;
}
.grup-header-mobile__inner .grup-header__title {
  font-size: 18px;
  text-align: left;
  margin-bottom: 0;
}

.grup-header-mobile__inner--interior {
  padding-left: 12px;
  padding-right: 12px;
}

.grup-header-mobile__switch-trigger {
  display: block;
  width: 62px;
  height: 68px;
  background-image: url(../images/DotsNine.svg);
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: center;
  position: relative;
}

.grup-header-mobile__switch-trigger--notification::after {
  content: "";
  display: block;
  position: absolute;
  height: 8px;
  width: 8px;
  top: 20px;
  right: 17px;
  border-radius: 50%;
  background-color: #38A2E0;
}

.grup-header-mobile__btn {
  width: 38px;
  height: 38px;
  position: relative;
}
.grup-header-mobile__btn img {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 6px;
  left: 6px;
}
.grup-header-mobile__btn .grup-header-mobile__btn--dark {
  opacity: 0;
}

.meniu-grup-desktop {
  display: none;
}
@media all and (min-width: 1280px) {
  .meniu-grup-desktop {
    display: flex;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding-right: 2px;
    transform: translate(-5px, -11px);
    margin-left: auto;
  }
}
.meniu-grup-desktop .grup-header-mobile__switch-trigger {
  width: 48px;
  height: 40px;
  background-image: url(../images/grup-switcher-desktop.svg);
  background-size: 17px;
}

.meniu-grup-desktop__grup-curent {
  display: flex;
  align-items: center;
}
.meniu-grup-desktop__grup-curent .avatar-grup {
  height: 40px;
  width: 40px;
  border-radius: 5px;
}
.meniu-grup-desktop__grup-curent .avatar-grup img {
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
}

.meniu-grup-desktop__nume-grup {
  font-size: 16px;
  font-weight: 700;
  padding: 0 14px 0;
  max-width: 350px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.meniu-grup-desktop__tools {
  display: flex;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 6px;
}
.meniu-grup-desktop__tools a {
  display: flex;
  position: relative;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
}
.meniu-grup-desktop__tools a + a {
  margin-left: 10px;
}

.meniu-grup-desktop__tools__notification {
  position: absolute;
  top: 3px;
  right: 0;
  background-color: #38A2E0;
  color: #FFF;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  min-width: 17px;
  padding: 0 4px;
  height: 17px;
}
.grup-header-mobile__switch-trigger .meniu-grup-desktop__tools__notification {
  right: 6px;
}

.meniu-grup-desktop__tools__notification--orange {
  background-color: #FF7E01;
}

.user-photo-menu {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.meniu-grup-bottom {
  display: flex;
  position: fixed;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  bottom: -10px;
  left: 0;
  z-index: 1000001;
  box-shadow: 0 -1px 24px 0 rgba(34, 41, 56, 0.12);
  bottom: calc(env(safe-area-inset-bottom) * 0.5 - 10px);
}
@media all and (min-width: 1280px) {
  .meniu-grup-bottom {
    display: none;
  }
}
.meniu-grup-bottom::before, .meniu-grup-bottom::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #FFF;
  width: 2000px;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.meniu-grup-bottom::before {
  right: calc(100% - (100% - ((100px * 4) + 75px - 1px)) / 2);
}
.meniu-grup-bottom::after {
  left: calc(100% - (100% - ((100px * 4) + 75px - 1px)) / 2);
}

.meniu-grup-bottom__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFF;
  width: calc((100% - 75px) / 4);
  max-width: 100px;
  position: relative;
}
.meniu-grup-bottom__item::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background-color: #FFF;
  height: 200px;
}
.meniu-grup-bottom__item.active .meniu-grup-bottom__item__img--non-active {
  display: none;
}
.meniu-grup-bottom__item.active .meniu-grup-bottom__item__img--active {
  display: block;
}
.meniu-grup-bottom__item.active .user-photo-menu {
  box-shadow: 0 0 0 2px #FF7E01;
}

.meniu-grup-bottom__item__img {
  width: 26px;
  height: 26px;
  position: relative;
  margin-top: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.meniu-grup-bottom__item__img--active {
  display: none;
}

.meniu-grup-bottom__item__text {
  font-size: 10px;
  font-weight: 700;
  display: block;
  margin-top: 1px;
}

.meniu-grup-bottom__item__notificare {
  position: absolute;
  top: 0;
  right: -5px;
  background-color: #38A2E0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.meniu-grup-bottom__item--home {
  background-color: transparent;
  transform: translateY(-18px);
  width: 75px;
  max-width: 75px;
}
.meniu-grup-bottom__item--home::after {
  top: calc(100% + 4px);
}
.meniu-grup-bottom__item--home .meniu-grup-bottom__item__img {
  width: 75px;
  height: 85px;
  margin-top: 0;
}

.meniu-grup-bottom__item__img__color {
  fill: #FF7E01;
}

.meniu-grup-bottom__item__img__stroke {
  stroke: #FF7E01;
}

.meniu-grup-bottom--realpro .meniu-grup-bottom__item__img__color {
  fill: #F20000;
}
.meniu-grup-bottom--realpro .meniu-grup-bottom__item__img__stroke {
  stroke: #F20000;
}
.meniu-grup-bottom--realpro .meniu-grup-bottom__item.active .user-photo-menu {
  box-shadow: 0 0 0 2px #F20000;
}

.hamburger-menu {
  display: none;
}
@media all and (min-width: 1280px) {
  .hamburger-menu {
    display: block;
    position: absolute;
    transform: translate(-25px, -5px);
  }
}

.popup-grup-desktop {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.popup-grup-desktop .fader, .popup-grup-desktop .add__fader {
  display: block;
}
.popup-grup-desktop .close {
  width: 36px;
  height: 36px;
  top: 16px;
  right: 24px;
  background-image: url(../images/close-black.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1700;
}
@media all and (min-width: 700px) {
  .popup-grup-desktop .close {
    background-image: url(../images/close.svg);
    right: 37px;
    transform: translateY(-10px);
  }
}
.popup-grup-desktop .close img {
  width: 36px;
}

.popup-grup-desktop--active {
  opacity: 1;
  pointer-events: auto;
}
.popup-grup-desktop--active .close,
.popup-grup-desktop--active .popup-grup-desktop__window {
  transform: none;
}

.popup-grup-desktop__window {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  transform: translateY(-10px);
  z-index: 1600;
  background-color: #F3F6F9;
  display: flex;
  padding: 20px;
  height: 100vh;
}
@media all and (min-width: 1280px) {
  .popup-grup-desktop__window {
    height: auto;
    border-radius: 24px 0;
    position: absolute;
    top: 60px;
    right: 35px;
    width: 750px;
    max-height: calc(100vh - 95px);
  }
}
.popup-grup-desktop__window .close {
  top: auto;
  bottom: calc(100% + 8px);
}
.popup-grup-desktop__window .close img {
  width: 36px;
}

.popup-grup-desktop__setari-grup {
  display: none;
  width: 330px;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  border-radius: 12px;
  overflow: hidden;
  flex-direction: column;
}
@media all and (min-width: 1280px) {
  .popup-grup-desktop__setari-grup {
    display: flex;
  }
}
.popup-grup-desktop__setari-grup .grup-header__wrapper {
  background-color: #2B214F;
  color: #FFF;
}
.popup-grup-desktop__setari-grup .grup-header__wrapper .controller {
  padding: 20px 50px 20px 20px;
  align-items: flex-start;
  position: relative;
}
.popup-grup-desktop__setari-grup .grup-header__title {
  font-size: 22px;
  line-height: 1.16;
  margin-bottom: 5px;
  margin-top: -3px;
}
.popup-grup-desktop__setari-grup .grup-header__text span {
  font-size: 14px;
  opacity: 0.8;
  display: block;
  margin-bottom: -3px;
}
.popup-grup-desktop__setari-grup .avatar-grup {
  width: 64px;
  height: 64px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
  border-radius: 6px;
  margin-right: 16px;
}

.grup-options-trigger {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 20px;
  right: 13px;
  background-image: url(../images/icon-dots-dark.svg);
}

.popup-grup__options {
  padding: 6px 20px 20px 20px;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.popup-grup__options .grup-box__list__item {
  padding-right: 40px;
  background-image: none;
}
.popup-grup__options .grup-box__list__item__notification {
  right: 0;
}
.popup-grup__options .grup-box__list__item__title {
  font-weight: 700;
  font-size: 16px;
}
.popup-grup__options .grup-box__list__item__title img {
  width: 26px;
  margin-right: 12px;
}

.popup-grup__options__actions {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.popup-grup__options__actions .btn-grup {
  margin-right: 3px;
  margin-bottom: 6px;
}
.popup-grup-desktop__alte-grupuri {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}
@media all and (min-width: 1280px) {
  .popup-grup-desktop__alte-grupuri {
    padding: 15px 10px 0 30px;
  }
}
.popup-grup-desktop__alte-grupuri .grup-box__header {
  padding: 0 10px;
}
.popup-grup-desktop__alte-grupuri .grup-box__title {
  font-size: 28px;
}
@media all and (min-width: 1280px) {
  .popup-grup-desktop__alte-grupuri .grup-box__title {
    font-size: 22px;
  }
}

.popup-grup-desktop__search {
  display: flex;
  margin-top: 8px;
  margin-bottom: 20px;
}
.popup-grup-desktop__search input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.popup-grup-desktop__search textarea,
.popup-grup-desktop__search select {
  border-radius: 100px 0 0 100px;
  margin: 0;
  border: none;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
}
.popup-grup-desktop__search button,
.popup-grup-desktop__search input[type=submit],
.popup-grup-desktop__search .buton {
  margin: 0;
  border-radius: 0 100px 100px 0;
  background-image: url(../images/icon-small-search-dark.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFF;
  border: none;
  height: 40px;
  width: 60px;
  padding: 0;
}
.popup-grup-desktop__search button:hover, .popup-grup-desktop__search button:focus,
.popup-grup-desktop__search input[type=submit]:hover,
.popup-grup-desktop__search input[type=submit]:focus,
.popup-grup-desktop__search .buton:hover,
.popup-grup-desktop__search .buton:focus {
  outline: none;
  background-color: #FFF;
  color: #FFF;
  box-shadow: none;
  transform: none;
}

.popup-grup-desktop__lista-grupuri {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 560px;
  padding-bottom: 30px;
}

.grup-card {
  display: flex;
  position: relative;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  border-radius: 12px;
  padding: 18px 12px 18px 18px;
  align-items: center;
  margin-bottom: 12px;
}
.grup-card .grup-options-trigger {
  position: static;
  background-image: url(../images/icon-dots.svg);
}
.grup-card .avatar-grup {
  width: 64px;
  height: 64px;
  border-radius: 6px;
  margin-right: 16px;
  overflow: visible;
}
.grup-card .avatar-grup .grup-box__list__item__notification {
  top: -8px;
  right: -8px;
  transform: none;
}

.grup-card__info {
  flex: 1;
}

.grup-card__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.16;
  margin-bottom: 5px;
}

.grup-card__description {
  font-size: 12px;
  line-height: 1.16;
  opacity: 0.7;
  margin-bottom: 5px;
}

.grup-card__numbers {
  display: flex;
}
.grup-card__numbers div {
  font-size: 14px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: -1px 2px;
  margin-right: 12px;
}
.grup-card__numbers__members {
  background-image: url(../images/icon-small-users-dark.svg);
}
.grup-card__numbers__cautari {
  background-image: url(../images/icon-small-search-dark.svg);
}
.grup-card__numbers__salvate {
  background-image: url(../images/icon-star-dark.svg);
}

@media all and (min-width: 1280px) {
  .popup-grup-desktop--small .popup-grup-desktop__window {
    width: 400px;
  }
}
.popup-grup-desktop--small .popup-grup-desktop__alte-grupuri {
  padding: 40px 0 0;
}
@media all and (min-width: 1280px) {
  .popup-grup-desktop--small .popup-grup-desktop__alte-grupuri {
    padding: 15px 10px 0;
  }
}
.popup-grup-desktop--small .popup-grup-desktop__alte-grupuri .grup-box__title {
  padding-right: 0;
}
.popup-grup-desktop--small .popup-grup-desktop__lista-grupuri {
  padding-bottom: 10px;
}
.popup-grup-desktop--small .grup-card .avatar-grup {
  width: 42px;
  height: 42px;
}
.popup-grup-desktop--small .grup-card .avatar-grup img {
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
}
.popup-grup-desktop--small .grup-card__info {
  padding-right: 36px;
}
.popup-grup-desktop--small .grup-card__description {
  margin-bottom: 0;
}
.popup-grup-desktop--small .grup-box__list__item__notification {
  right: 18px;
}

.popup-user {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.popup-user .fader, .popup-user .add__fader {
  display: block;
}
.popup-user .close {
  width: 36px;
  height: 36px;
  top: 16px;
  right: 24px;
  background-image: url(../images/close-black.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1700;
}
@media all and (min-width: 700px) {
  .popup-user .close {
    background-image: url(../images/close.svg);
    right: 37px;
    transform: translateX(10px);
  }
}
.popup-user .close img {
  width: 36px;
}

.popup-user--active {
  opacity: 1;
  pointer-events: auto;
}
.popup-user--active .close,
.popup-user--active .popup-user__window {
  transform: none;
}

.popup-user__window {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1600;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  padding: 40px 20px 20px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
@media all and (min-width: 700px) {
  .popup-user__window {
    max-width: 400px;
    transform: translateX(10px);
    top: 60px;
    right: 35px;
    bottom: auto;
    border-radius: 24px 0;
    max-height: calc(100vh - 170px);
  }
}
@media all and (min-width: 1280px) {
  .popup-user__window {
    max-height: calc(100vh - 95px);
  }
}

.popup-user__actions {
  width: 100%;
}
.popup-user__actions .grup-box__list__item__title {
  font-weight: 700;
  font-size: 16px;
}
.popup-user__actions .grup-box__list__item__title img {
  width: 26px;
  margin-right: 12px;
}

.popup-user__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.popup-user__photo {
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
}
.popup-user__photo .thumb {
  width: 120px;
  padding-bottom: 120px;
  border-radius: 50%;
  background-image: url(../images/UserCircleDefault.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72px;
}

.popup-user__photo__icon {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 2px;
  bottom: 2px;
}
.popup-user__photo__icon img {
  width: 30px;
  height: 30px;
}

.popup-user__name {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 12px;
}

.popup-user__email {
  font-size: 12px;
  opacity: 0.7;
  text-align: center;
  line-height: 1.2;
  margin-top: 5px;
}

.banda-stiri {
  padding: 30px 0 0;
  box-shadow: 0 -1px 20px rgba(34, 41, 56, 0.1);
  background-color: #FFF;
}
@media all and (min-width: 1280px) {
  .banda-stiri {
    padding-top: 60px;
  }
}
.banda-stiri .buton-interesat__wrapper {
  padding-left: 25px;
  padding-right: 25px;
  max-width: 1170px;
  margin: 0 auto;
}
@media all and (min-width: 1280px) {
  .banda-stiri .buton-interesat__wrapper {
    padding: 0;
    display: flex;
  }
}
@media all and (min-width: 1280px) {
  .banda-stiri .buton-interesat__wrapper .buton-interesat {
    width: auto;
    padding-left: 35px;
    padding-right: 35px;
  }
}

.banda-stiri__inner {
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
}
.banda-stiri__inner .listing-articole {
  display: flex;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  flex-shrink: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
}
@media all and (min-width: 1280px) {
  .banda-stiri__inner .listing-articole {
    border: none;
    flex-shrink: 1;
  }
}
.banda-stiri__inner .listing-articole::after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}
@media all and (min-width: 1280px) {
  .banda-stiri__inner .listing-articole::after {
    display: none;
  }
}
.banda-stiri__inner .listing-articole .news-item {
  flex-direction: column;
  flex-shrink: 0;
  width: 230px;
}
@media all and (min-width: 1280px) {
  .banda-stiri__inner .listing-articole .news-item {
    width: 277.5px;
    flex-shrink: 1;
    margin-bottom: 30px;
  }
}
.banda-stiri__inner .listing-articole .news-item .thumb {
  width: 100%;
  margin-right: 0;
  padding-bottom: 56.25%;
  margin: 0 0 12px;
  border-radius: 0 12px;
}
@media all and (min-width: 1280px) {
  .banda-stiri__inner .listing-articole .news-item .thumb {
    margin-bottom: 15px;
    border-radius: 0 15px;
  }
}
.banda-stiri__inner .listing-articole .news-item .news-item-info h2 {
  font-size: 18px;
}
.banda-stiri__inner .listing-articole .news-item .news-item-info p {
  font-size: 14px;
  padding-top: 0;
}
.banda-stiri__inner .listing-articole .news-item + .news-item {
  margin-left: 25px;
}
@media all and (min-width: 1280px) {
  .banda-stiri__inner .listing-articole .news-item + .news-item {
    margin-left: 30px;
  }
}

.banda-stiri__titlu {
  padding: 0 25px;
  max-width: 1170px;
  margin: 0 auto;
}
@media all and (min-width: 1280px) {
  .banda-stiri__titlu {
    padding: 0;
  }
}
.banda-stiri__titlu h2 {
  text-align: center;
  font-weight: 700;
  border-bottom: 3px dotted #38A2E0;
  padding: 0;
  padding-bottom: 8px;
  color: #38A2E0;
  font-size: 28px;
}

.add {
  display: none;
  position: fixed;
  right: 15px;
  bottom: 90px;
  z-index: 10000;
}
@media all and (min-width: 1280px) {
  .add {
    display: block;
    right: 25px;
    bottom: 25px;
  }
}

.add__fader {
  display: block;
  pointer-events: none;
  opacity: 0;
}

.add__button {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #FFF;
  background-image: linear-gradient(45deg, #FF7E01 0%, #D70F64 100%);
  width: 61px;
  height: 61px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1501;
}
.add__menu {
  list-style-type: none;
  position: absolute;
  right: 0;
  bottom: 76px;
  background: #FFF;
  box-shadow: 0 3px 6px 0 rgba(34, 41, 56, 0.15), 0 5px 14px 0 rgba(34, 41, 56, 0.25);
  width: 230px;
  border-radius: 12px;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-10px);
  z-index: 1501;
}
.add__menu a {
  display: flex;
  align-items: center;
  padding: 20px 25px 20px 18px;
  line-height: 1;
  font-weight: 700;
  font-size: 16px;
}
.add__menu a img {
  margin-right: 12px;
  width: 26px;
  height: 26px;
}
@media (hover: hover) {
  .add__menu a:hover {
    background-color: #F3F6F9;
  }
}
.add__menu li:first-child a {
  padding-top: 22px;
}
.add__menu li:last-child a {
  height: 60px;
}
.add__menu li + li a {
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  position: relative;
}

.add--active .add__button img {
  transform: rotate(135deg);
  width: 31px;
  height: 31px;
}
.add--active .add__menu {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}
.add--active .fader, .add--active .add__fader {
  pointer-events: auto;
  opacity: 1;
}

.listing-proprietati--grup .controller {
  padding: 10px 0 0;
}
@media all and (min-width: 700px) {
  .listing-proprietati--grup .controller {
    padding: 40px 0;
  }
}
@media all and (min-width: 1280px) {
  .listing-proprietati--grup .controller {
    max-width: 1190px;
  }
}
.listing-proprietati--grup .sticky-listing-mobil {
  top: 71px;
}
@media all and (min-width: 1280px) {
  .listing-proprietati--grup .card-proprietate {
    width: calc((100% - 80px) / 4);
  }
}
.listing-proprietati--grup .card-heart__rating {
  right: 0;
}

.mesaje-wrapper {
  position: fixed;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media all and (min-width: 1023px) {
  .mesaje-wrapper {
    top: 85px;
  }
}

.mesaje {
  width: 100%;
  background-color: #F3F6F9;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  padding: 90px 18px 18px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  padding-bottom: 90px;
  min-height: 100vh;
}
@media all and (min-width: 700px) {
  .mesaje {
    padding: 90px calc((100vw - 488px) / 2) 90px;
  }
}
@media all and (min-width: 1023px) {
  .mesaje {
    max-width: 440px;
    height: 100%;
    background-color: #FFF;
    padding: 100px 18px 168px;
    position: fixed;
    top: 71px;
    left: 0;
    bottom: 0;
    min-height: auto;
  }
}
@media all and (min-width: 1280px) {
  .mesaje {
    height: auto;
    top: 85px;
    max-width: 500px;
    padding: 100px 18px 18px;
  }
}
@media all and (min-width: 2150px) {
  .mesaje {
    padding-top: 108px;
    max-width: 600px;
  }
}
@media all and (max-width: 699px) {
  .mesaje--search-active {
    padding-top: 171px;
  }
}

.mesaje__empty {
  font-size: 16px;
  text-align: center;
  opacity: 0.5;
  padding: 30px;
}
@media all and (min-width: 2150px) {
  .mesaje__empty {
    font-size: 18px;
  }
}

.mesaje__empty__img {
  width: 100%;
  margin-bottom: 9px;
}
.mesaje__empty__img img {
  opacity: 0.25;
}

.conversatie__empty {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  justify-items: center;
  align-content: center;
  padding: 12px 0 18px;
}
.conversatie__empty .thumb {
  width: 42px;
  height: 42px;
  padding-bottom: 0;
  background-color: #222938;
  color: #FFF;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
}
@media all and (min-width: 2150px) {
  .conversatie__empty .thumb {
    width: 48px;
    height: 48px;
    font-size: 18px;
  }
}
.conversatie__empty .thumb + .thumb {
  margin-left: 3px;
}

.conversatie__empty__txt {
  width: 100%;
  font-size: 16px;
  text-align: center;
  opacity: 0.5;
  margin-bottom: 12px;
}
@media all and (min-width: 2150px) {
  .conversatie__empty__txt {
    font-size: 18px;
  }
}

.mesaje__search {
  position: fixed;
  top: 0;
  background-color: #FFF;
  left: 0;
  width: 100%;
  padding: 18px;
  z-index: 10;
  box-shadow: 0 1px 0 rgba(34, 41, 56, 0.15);
  pointer-events: none;
  opacity: 0;
  display: flex;
  justify-content: center;
}
@media all and (min-width: 1023px) {
  .mesaje__search {
    max-width: 440px;
    top: 71px;
    pointer-events: auto;
    opacity: 1;
  }
}
@media all and (min-width: 1280px) {
  .mesaje__search {
    top: 85px;
    max-width: 500px;
  }
}
@media all and (min-width: 2150px) {
  .mesaje__search {
    max-width: 600px;
  }
}
.mesaje__search input[type=search] {
  border-radius: 100px !important;
  background-image: url(../images/icon-small-search-dark.svg);
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: 15px center;
  padding-left: 54px !important;
  padding: 10px 17px 9px 48px !important;
  margin-bottom: 0 !important;
  font-size: 16px !important;
  flex: 1;
  max-width: 497px;
}
@media all and (min-width: 2150px) {
  .mesaje__search input[type=search] {
    padding: 12px 17px 10px 48px !important;
    font-size: 18px !important;
  }
}
.mesaje__search input[type=checkbox] {
  display: none;
}
.mesaje__search input[type=checkbox]:checked + label {
  background-color: #FF7E01;
  background-image: url(../images/BellRingingWhite.svg);
  border-color: #FF7E01;
}
.mesaje__search label {
  cursor: pointer;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid rgba(34, 41, 56, 0.25);
  margin: 0 0 0 6px;
  background-image: url(../images/BellRingingOrange.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  position: relative;
}
@media all and (min-width: 2150px) {
  .mesaje__search label {
    width: 51px;
    height: 51px;
  }
}
.mesaje__search label .meniu-grup-desktop__tools__notification {
  top: -4px;
  right: -4px;
}
@media all and (min-width: 2150px) {
  .mesaje__search label .meniu-grup-desktop__tools__notification {
    height: 19px;
    min-width: 19px;
  }
}
.mesaje__search--active {
  pointer-events: auto;
  opacity: 1;
}
@media all and (max-width: 1023px) {
  .mesaje__search--active {
    top: 72px;
  }
}

.mesaje__item {
  display: flex;
  align-items: center;
  padding: 18px;
  line-height: 1.2;
  position: relative;
  border-radius: 12px;
  margin-bottom: 18px;
  flex-wrap: wrap;
  background-color: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
}
@media all and (min-width: 1023px) {
  .mesaje__item {
    background-color: transparent;
    margin-bottom: 1px;
    box-shadow: none;
  }
}
@media all and (min-width: 1023px) {
  .mesaje__item::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    top: 100%;
    background-color: rgba(34, 41, 56, 0.15);
    transition: none;
  }
}
.mesaje__item:last-child::after {
  display: none;
}
.mesaje__item .msg__body__inner {
  width: 100%;
  flex: none;
  padding: 12px 0 0;
  line-height: 1.4;
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  margin-top: 18px;
  border-radius: 0;
  overflow: visible;
}
.mesaje__item .msg__body__inner::before {
  content: "";
  display: block;
  height: 11px;
  width: 11px;
  background-color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid rgba(34, 41, 56, 0.15);
  border-top: 1px solid rgba(34, 41, 56, 0.15);
  transform: rotate(-45deg) translate(15px, 6px);
}
.mesaje__item .msg__body__inner::after {
  display: none;
}
@media all and (min-width: 1023px) {
  .mesaje__item .msg__body__inner {
    display: none;
  }
}
.mesaje__item .msg__nume {
  font-size: 12px;
  margin-bottom: 6px;
}
.mesaje__item .msg__text {
  font-size: 12px;
}
.mesaje__item .msg__footer {
  padding-top: 6px;
}
.mesaje__item .msg__time {
  font-size: 12px;
}
@media all and (min-width: 2150px) {
  .mesaje__item .msg__time {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .mesaje__item:hover {
    background-color: rgba(243, 246, 249, 0.5);
  }
  .mesaje__item:hover::after {
    display: block;
    top: -1px;
    background-color: #FFF;
  }
  .mesaje__item:hover .mesaje__item__notification {
    border-color: #F3F6F9;
  }
}

@media all and (min-width: 1023px) {
  .mesaje__item--active {
    background-color: #F3F6F9;
    z-index: 2;
    box-shadow: inset 0 0 0 1px rgba(34, 41, 56, 0.15);
  }
}
.mesaje__item--active::after {
  top: -1px;
  background-color: #FFF;
}
@media all and (min-width: 1023px) {
  .mesaje__item--active .mesaje__item__notification {
    border-color: #F3F6F9;
  }
}

.mesaje__item__img {
  position: relative;
  margin-right: 18px;
}
.mesaje__item__img .avatar-grup {
  width: 42px;
  height: 42px;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px rgba(34, 41, 56, 0.15);
}
.mesaje__item__img .avatar-grup img {
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
}
.mesaje__item__img .thumb {
  width: 42px;
  padding-bottom: 42px;
  border-radius: 6px;
}

.mesaje__item__notification {
  width: 16px;
  height: 16px;
  border: 2px solid #FFF;
  background-color: #38A2E0;
  position: absolute;
  top: -6px;
  right: -6px;
  border-radius: 100px;
}

.mesaje__item__info {
  flex: 1;
  max-width: calc(100% - 60px);
  position: relative;
}
.mesaje__item__info .msg__time {
  display: none;
}
@media all and (min-width: 1023px) {
  .mesaje__item__info .msg__time {
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
  }
}

.mesaje__item__info--alerts {
  padding-right: 25px;
  position: relative;
}
.mesaje__item__info--alerts::before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/BellRingingOrange.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}
@media all and (min-width: 1023px) {
  .mesaje__item__info--alerts::before {
    top: auto;
    bottom: -1px;
    transform: none;
  }
}

.mesaje__item__title {
  font-weight: 700;
  font-size: 16px;
}
@media all and (min-width: 1023px) {
  .mesaje__item__title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    padding-right: 75px;
  }
}
@media all and (min-width: 2150px) {
  .mesaje__item__title {
    font-size: 18px;
  }
}

.mesaje__item__description {
  font-size: 12px;
  opacity: 0.7;
  margin-top: 3px;
}
@media all and (min-width: 1023px) {
  .mesaje__item__description {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
  }
}
@media all and (min-width: 2150px) {
  .mesaje__item__description {
    font-size: 14px;
  }
}

@media all and (min-width: 1023px) {
  .mesaje__item__description--mobile {
    display: none;
  }
}

.mesaje__item__description--desktop {
  display: none;
}
@media all and (min-width: 1023px) {
  .mesaje__item__description--desktop {
    display: inline;
  }
}

.conversatie {
  background-color: #F3F6F9;
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 1000111;
  top: 18px;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  transform: translateY(130%);
  transition-duration: 0.6s;
}
@media all and (min-width: 1023px) {
  .conversatie {
    z-index: 0;
    border-radius: 0;
    left: 440px;
    top: 71px;
    transform: none;
  }
}
@media all and (min-width: 1280px) {
  .conversatie {
    top: 85px;
    left: 500px;
  }
}
@media all and (min-width: 2150px) {
  .conversatie {
    left: 600px;
  }
}
.conversatie--active {
  transform: none;
  transition-duration: 0.3s;
}

.link-proprietate-mobile {
  border-radius: 0;
  margin: 0;
  position: relative;
  z-index: 11;
  padding-right: 0;
}
@media all and (min-width: 1023px) {
  .link-proprietate-mobile {
    display: none;
  }
}

.conversatie__close {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 0 18px;
  margin: -18px 0;
}
.conversatie__close img {
  width: 26px;
  height: 26px;
}

.conversatie__tabs {
  position: absolute;
  top: 78px;
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 150px;
  padding: 18px;
  pointer-events: none;
  z-index: 10;
  background-image: linear-gradient(180deg, #F3F6F9 0%, rgba(243, 246, 249, 0) 100%);
  display: flex;
  overflow-y: auto;
}
@media all and (min-width: 428px) {
  .conversatie__tabs {
    justify-content: center;
  }
}
@media all and (min-width: 1023px) {
  .conversatie__tabs {
    top: 0;
  }
}
.conversatie__tabs a {
  font-size: 12px;
  font-weight: 700;
  color: #222938;
  background-color: #FFF;
  line-height: 1;
  padding: 10px 12px;
  position: relative;
  pointer-events: auto;
}
@media all and (min-width: 1023px) {
  .conversatie__tabs a {
    background-color: #222938;
    color: #FFF;
  }
}
@media all and (min-width: 2150px) {
  .conversatie__tabs a {
    font-size: 14px;
  }
}
.conversatie__tabs a.active {
  color: #FF7E01;
}
.conversatie__tabs a.link-proprietate {
  display: none;
}
@media all and (min-width: 1023px) {
  .conversatie__tabs a.link-proprietate {
    display: block;
    background-color: #FF7E01;
    border-radius: 100px;
    margin-left: 6px;
    padding: 10px 17px;
  }
}
@media (hover: hover) {
  .conversatie__tabs a:hover {
    opacity: 0.9;
  }
}

.conversatie__tabs__group {
  flex-shrink: 0;
  display: flex;
  border-radius: 100px;
  overflow: hidden;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
}
@media all and (min-width: 1023px) {
  .conversatie__tabs__group {
    box-shadow: none;
  }
}
.conversatie__tabs__group a:first-child {
  padding-left: 17px;
}
.conversatie__tabs__group a:last-child {
  padding-right: 17px;
}
.conversatie__tabs__group a + a {
  padding-left: 13px;
}
.conversatie__tabs__group a + a::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  bottom: 3px;
  width: 1px;
  background-color: rgba(34, 41, 56, 0.15);
}
@media all and (min-width: 1023px) {
  .conversatie__tabs__group a + a::before {
    background-color: rgba(255, 255, 255, 0.15);
  }
}

.conversatie__add {
  display: flex;
  background-color: #FFF;
  box-shadow: 0 -1px 24px 0 rgba(34, 41, 56, 0.12);
  height: 72px;
  padding: 0 18px;
  align-items: center;
  position: relative;
}
@media all and (min-width: 1023px) {
  .conversatie__add {
    height: 82px;
    margin-bottom: 75px;
    padding-bottom: 10px;
  }
}
@media all and (min-width: 1280px) {
  .conversatie__add {
    height: 72px;
    margin-bottom: 0;
    padding: 0 18px;
  }
}

.conversatie__add__plus,
.conversatie__add__send {
  width: 58px;
  height: 72px;
}

.conversatie__add__plus {
  margin-right: 0;
  margin-left: -18px;
  position: relative;
  overflow: hidden;
}
.conversatie__add__plus span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon-mesaj-plus.svg);
}
.conversatie__add__plus + .conversatie__add__input {
  margin-left: -3px;
}
.conversatie__add__plus--active span {
  transform: rotate(135deg);
}

.conversatie__add__send {
  background-image: url(../images/icon-mesaj-send.svg);
  margin-left: 0;
  margin-right: -18px;
  background-repeat: no-repeat;
  background-position: center;
}

.conversatie__add__input {
  flex: 1;
  position: relative;
}
.conversatie__add__input input {
  margin: 0 !important;
  height: 42px;
  padding: 0 12px !important;
  font-size: 14px !important;
  background-color: #F3F6F9 !important;
  font-size: 16px !important;
}
@media all and (min-width: 2150px) {
  .conversatie__add__input input {
    font-size: 18px !important;
  }
}
.conversatie__add__input input:focus {
  border-color: rgba(34, 41, 56, 0.5) !important;
}
.conversatie__add__input input.state--1 {
  box-shadow: none;
}
.conversatie__add__input input.state--2 {
  box-shadow: 0 1px 0 #38A2E0, inset 0 -1px 0 #38A2E0;
  border-bottom-color: #38A2E0 !important;
}
.conversatie__add__input input.state--2:focus {
  border-color: #38A2E0 !important;
}
.conversatie__add__input input.state--3 {
  box-shadow: 0 1px 0 #FF7E01, inset 0 -1px 0 #FF7E01;
  border-bottom-color: #FF7E01 !important;
}
.conversatie__add__input input.state--3:focus {
  border-color: #FF7E01 !important;
}
.conversatie__add__input + .conversatie__add__send {
  margin-left: -3px;
}

.conversatie__add__plus__menu {
  position: absolute;
  bottom: calc(100% + 24px);
  left: 24px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  border-radius: 12px 12px 12px 0;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
}
.conversatie__add__plus__menu::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 0;
  border-color: #FFF transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 0;
}
.conversatie__add__plus__menu::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 0;
  border-color: rgba(34, 41, 56, 0.06) transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 0;
  filter: blur(3px);
}
.conversatie__add__plus__menu span {
  padding: 10px 24px 9px;
  font-size: 12px;
  position: relative;
  z-index: 1;
  background-color: #FFF;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
}
@media all and (min-width: 2150px) {
  .conversatie__add__plus__menu span {
    font-size: 14px;
  }
}
.conversatie__add__plus__menu a {
  padding: 13px 30px 12px 24px;
  font-size: 16px;
  position: relative;
  z-index: 1;
  background-color: #FFF;
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
  font-weight: 700;
  color: #38A2E0;
}
@media all and (min-width: 2150px) {
  .conversatie__add__plus__menu a {
    font-size: 18px;
  }
}
.conversatie__add__plus__menu a:last-child {
  border-bottom: none;
  border-radius: 0 0 12px 0;
}
@media (hover: hover) {
  .conversatie__add__plus__menu a:hover {
    background-color: #F3F6F9;
  }
}
.conversatie__add__plus__menu--active {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.conversatie__inner {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
}

.conversatie__inner__wrapper {
  width: 100%;
  margin: 68px auto 0;
  display: flex;
  flex-direction: column;
  padding: 0 18px 1px;
}
@media all and (min-width: 700px) {
  .conversatie__inner__wrapper {
    max-width: 716px;
  }
}
@media all and (min-width: 1023px) {
  .conversatie__inner__wrapper {
    max-width: calc(100% - 60px);
    position: relative;
    padding: 0;
    margin-top: 100px;
  }
}
@media all and (min-width: 1280px) {
  .conversatie__inner__wrapper {
    width: 85%;
    max-width: 740px;
  }
}
.conversatie__inner__wrapper::after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 2px;
}
@media all and (min-width: 1023px) {
  .conversatie__inner__wrapper::after {
    padding-bottom: 18px;
  }
}
.conversatie__inner__wrapper .conversatie__empty {
  padding-top: 28px;
}
@media all and (min-width: 1023px) {
  .conversatie__inner__wrapper .conversatie__empty {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    bottom: 100px;
    padding-top: 12px;
  }
}

.msg {
  display: flex;
  width: 100%;
  max-width: 480px;
  line-height: 1.375;
  margin-bottom: 18px;
  position: relative;
}
.msg .thumb {
  width: 42px;
  padding-bottom: 42px;
  border-radius: 200px;
  margin-right: 24px;
}
@media all and (min-width: 700px) {
  .msg .thumb {
    width: 72px;
    padding-bottom: 72px;
  }
}

.msg__body {
  background-color: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  border-radius: 0 12px 12px 12px;
  flex: 1;
  position: relative;
  flex-direction: column;
}
.msg__body::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent #FFF transparent transparent;
  position: absolute;
  right: 100%;
  top: 0;
}
.msg__body::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent rgba(34, 41, 56, 0.06) transparent transparent;
  position: absolute;
  right: 100%;
  top: 0;
  filter: blur(3px);
}

.msg__body__inner {
  background-color: #FFF;
  position: relative;
  border-radius: 0 12px 12px 12px;
  padding: 18px 18px 15px;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.msg__body__inner::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
}

.msg__nume {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 8px;
}
@media all and (min-width: 2150px) {
  .msg__nume {
    font-size: 14px;
  }
}
.msg__nume a {
  border-bottom: 1px solid transparent;
}
@media (hover: hover) {
  .msg__nume a:hover {
    border-color: #222938;
  }
}

.msg__text {
  flex: 1;
  font-size: 16px;
}
@media all and (min-width: 2150px) {
  .msg__text {
    font-size: 18px;
  }
}

.msg__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
}

.msg__time {
  font-size: 12px;
  opacity: 0.7;
}
@media all and (min-width: 2150px) {
  .msg__time {
    font-size: 14px;
  }
}

.msg__alert {
  display: flex;
  padding-right: 30px;
  padding-left: 6px;
  height: 30px;
  transform: translateX(6px);
  background-image: url(../images/BellRinging.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: calc(100% - 6px) center;
  font-weight: 700;
  font-size: 12px;
  align-items: center;
}
@media all and (min-width: 2150px) {
  .msg__alert {
    font-size: 14px;
  }
}
.msg__alert--on {
  color: #FF7E01;
  background-image: url(../images/BellRingingOrange.svg);
}
@media (hover: hover) {
  .msg__alert--on:hover {
    color: #FF7E01;
  }
}

.msg__reply {
  display: block;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  width: 32px;
  height: 32px;
  position: absolute;
  top: 81px;
  left: 20px;
  background-color: #FFF;
  border-radius: 100px;
  background-image: url(../images/ArrowBendDownLeft.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
}

.msg__type {
  font-size: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(34, 41, 56, 0.15);
  margin-bottom: 12px;
  position: relative;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: left 1px;
}
@media all and (min-width: 2150px) {
  .msg__type {
    font-size: 14px;
  }
}

.msg--vizita {
  width: 100%;
  align-self: center;
}
@media all and (min-width: 700px) {
  .msg--vizita {
    max-width: 488px;
  }
}
@media all and (min-width: 1023px) {
  .msg--vizita {
    max-width: calc(100% - 192px);
  }
}
@media all and (min-width: 1280px) {
  .msg--vizita {
    max-width: 548px;
  }
}
.msg--vizita .msg__body__inner {
  background-image: url(../images/ilustratie-card-vizita.png), linear-gradient(180deg, #DFEAF7 0%, #ECF5FF 100%);
  background-repeat: no-repeat, repeat;
  background-position: calc(100% + 18px) 18px, 0 0;
  background-size: 102px, cover;
  padding-right: 93px;
  border-radius: 12px;
}
@media all and (min-width: 700px) {
  .msg--vizita .msg__body__inner {
    background-position: calc(100% + 7px) 18px, 0 0;
    background-size: 122px;
    padding-right: 131px;
  }
}
.msg--vizita .msg__type {
  padding-left: 24px;
  background-image: url(../images/CalendarCheckMessages.svg);
}
.msg--vizita .msg__body {
  border-radius: 12px;
  box-shadow: none;
}
.msg--vizita .msg__body::after {
  display: none;
}
.msg--vizita .msg__body::before {
  display: none;
}

.msg--mine {
  flex-direction: row-reverse;
  align-self: flex-end;
}
.msg--mine .thumb {
  margin-left: 24px;
  margin-right: 0;
}
.msg--mine .msg__body {
  border-radius: 12px 0 12px 12px;
}
.msg--mine .msg__body::after {
  border-width: 12px 12px 0 0;
  border-color: #FFF transparent transparent transparent;
  left: 100%;
  right: auto;
  top: 0;
}
.msg--mine .msg__body::before {
  border-width: 12px 12px 0 0;
  border-color: rgba(34, 41, 56, 0.06) transparent transparent transparent;
  left: 100%;
  right: auto;
  top: 0;
  filter: blur(3px);
}
.msg--mine .msg__body__inner {
  border-radius: 12px 0 12px 12px;
}

.msg--contact-proprietate .msg__body__inner {
  min-height: 113px;
}
.msg--contact-proprietate .msg__body__inner::after {
  background-color: #FF7E01;
}
.msg--contact-proprietate .msg__nume {
  color: #FF7E01;
}
@media (hover: hover) {
  .msg--contact-proprietate .msg__nume a:hover {
    border-color: #FF7E01;
  }
}
.msg--contact-proprietate .msg__type {
  padding-left: 24px;
  background-image: url(../images/UserCircleOrange.svg);
  color: #FF7E01;
}

.msg--nota .msg__body__inner::after {
  background-color: #38A2E0;
}
.msg--nota .msg__type {
  padding-left: 24px;
  background-image: url(../images/LockBlue.svg);
  color: #38A2E0;
}

.separator-mesaje-necitite {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  pointer-events: none;
}
.separator-mesaje-necitite::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(34, 41, 56, 0.15);
  position: absolute;
}
.separator-mesaje-necitite span {
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  padding: 7px 12px 6px;
  position: relative;
  display: block;
  background: #FFF;
  border-radius: 100px;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03), 0 0 0 12px #F4F6F9;
  border-radius: 11.5px;
}

.msg--sending .msg__text {
  opacity: 0.25;
}
.msg--sending .msg__alert {
  opacity: 0;
}
.msg--sending .msg__time {
  padding-left: 22px;
}
.msg--sending .lds-ellipsis {
  transform: scale(0.25);
  pointer-events: none;
  position: absolute;
  bottom: -11px;
  left: -13px;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #222938;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@media all and (max-width: 1023px) {
  .body--mesaje .link-grup-default {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .body--mesaje .homepage {
    display: none;
  }
}
.body--mesaje .grup-header-mobile {
  margin: 0;
  top: 0;
  position: fixed;
  width: 100%;
}
.body--mesaje .grup-header-mobile .grup-header__text {
  background-image: none;
  pointer-events: none;
}
.body--mesaje .grup-header-mobile .grup-header__title {
  line-height: 1.2;
}

.popup-alert {
  position: fixed;
  z-index: 1000211;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 16px;
  pointer-events: none;
}
@media all and (min-width: 700px) {
  .popup-alert {
    align-items: center;
  }
}
@media all and (min-width: 2150px) {
  .popup-alert {
    font-size: 18px;
  }
}
.popup-alert .fader, .popup-alert .add__fader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

.popup-alert--active {
  pointer-events: auto;
}
.popup-alert--active .fader, .popup-alert--active .add__fader {
  opacity: 1;
  pointer-events: auto;
}
.popup-alert--active .popup-alert__inner {
  transform: translateY(0);
  pointer-events: auto;
}
@media all and (min-width: 700px) {
  .popup-alert--active .popup-alert__inner {
    opacity: 1;
  }
}

.popup-alert__inner {
  transform: translateY(100%);
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  background-color: #FFF;
  border-radius: 24px 24px 0 0;
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
}
@media all and (min-width: 700px) {
  .popup-alert__inner {
    border-radius: 12px;
    width: 400px;
    transform: translateY(20px);
    opacity: 0;
    pointer-events: none;
  }
}

.popup-alert__header {
  background: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.12);
  font-weight: 700;
  padding: 0 21px;
  display: flex;
  align-items: center;
  position: relative;
  height: 66px;
}

.popup-alert__close {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/close-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
  width: 66px;
}
.popup-alert__close::before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  background-color: #F3F6F9;
  top: 12px;
  right: 12px;
  bottom: 12px;
  left: 12px;
  mix-blend-mode: multiply;
  opacity: 0;
}
@media (hover: hover) {
  .popup-alert__close:hover::before {
    opacity: 1;
  }
}

.popup-alert__body {
  padding: 21px 21px 0;
}
.popup-alert__body p {
  margin-bottom: 12px;
}

.popup-alert__times {
  display: flex;
  width: 100%;
  background-color: #F3F6F9;
  border-radius: 6px;
  padding: 3px;
  margin-bottom: 24px;
  overflow: hidden;
}
.popup-alert__times input[type=radio] {
  display: none;
}
.popup-alert__times input[type=radio]:checked + label {
  background-color: #FFF;
  box-shadow: 0 1px 3px 0 rgba(34, 41, 56, 0.06), 0 2px 12px 0 rgba(34, 41, 56, 0.03);
  border-radius: 4px;
  color: #FF7E01;
}
.popup-alert__times input[type=radio]:checked + label::before {
  opacity: 0;
}
.popup-alert__times input[type=radio]:checked + label + input[type=radio] + label::before {
  opacity: 0;
}
.popup-alert__times input[type=radio]:first-child + label::before {
  opacity: 0;
}
.popup-alert__times label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  font-size: 12px;
  position: relative;
  height: 32px;
  margin: 0;
  cursor: pointer;
}
@media all and (min-width: 2150px) {
  .popup-alert__times label {
    font-size: 14px;
  }
}
.popup-alert__times label::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  top: 3px;
  bottom: 3px;
  background-color: rgba(34, 41, 56, 0.15);
  left: 0;
}

.popup-alert__date {
  position: relative;
  border-top: 1px solid rgba(34, 41, 56, 0.15);
}
.popup-alert__date input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none !important;
  font-size: 16px !important;
  padding: 24px 30px 24px 0 !important;
  margin-bottom: 0 !important;
  background-image: url(../images/CaretRight-alert.svg);
  background-repeat: no-repeat;
  background-position: right center;
  height: 74px !important;
}
@media all and (min-width: 2150px) {
  .popup-alert__date input {
    font-size: 18px !important;
  }
}
.popup-alert__date input::-webkit-date-and-time-value {
  text-align: left !important;
}
.popup-alert__date label {
  position: absolute;
  top: 50%;
  transform: translateY(-80%);
  right: 20px;
  margin: 0;
  line-height: 1;
  font-weight: 400;
  color: #38A2E0;
}

.popup-alert__button {
  padding: 24px;
  text-align: center;
  display: block;
  background-color: #FF7E01;
  color: #FFF;
  font-weight: 700;
  position: relative;
}
@media all and (min-width: 1280px) {
  .popup-alert__button {
    padding: 18px;
  }
}
.popup-alert__button span {
  padding-right: 4px;
}
.popup-alert__button span::before {
  content: "";
  display: block;
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 26px;
  background-image: url(../images/icon-buton-alerta-1.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: -2px;
  margin-right: 6px;
}
@media (hover: hover) {
  .popup-alert__button:hover {
    opacity: 0.9;
    color: #FFF;
  }
}

.popup-alert__button--dez {
  background: #FFF;
  color: red;
  box-shadow: 0 -1px 24px 0 rgba(34, 41, 56, 0.12);
}
.popup-alert__button--dez span::before {
  background-image: url(../images/icon-buton-alerta-2.svg);
}
@media (hover: hover) {
  .popup-alert__button--dez:hover {
    opacity: 1;
    color: red;
    background-color: #F3F6F9;
  }
}

.body__proprietate-grup .homepage--grup-nepro {
  z-index: 1000;
}
@media all and (min-width: 1280px) {
  .body__proprietate-grup .sticky-proprietate-desktop {
    top: 85px;
  }
}
@media all and (min-width: 1280px) {
  .body__proprietate-grup .submeniu-ansambluri {
    top: 147px;
  }
}

.body--mesaje-leaduri .mesaje {
  padding-top: 153px;
}
.body--mesaje-leaduri .mesaje .conversatie__tabs {
  position: fixed;
  left: 0;
  top: 72px;
  height: 85px;
  justify-content: center;
}
@media all and (min-width: 1023px) {
  .body--mesaje-leaduri .mesaje .conversatie__tabs {
    max-width: 440px;
    padding: 0;
    z-index: 11;
    top: 71px;
    background: none;
  }
}
@media all and (min-width: 1280px) {
  .body--mesaje-leaduri .mesaje .conversatie__tabs {
    max-width: 500px;
    top: 85px;
  }
}
@media all and (min-width: 2150px) {
  .body--mesaje-leaduri .mesaje .conversatie__tabs {
    max-width: 600px;
  }
}
.body--mesaje-leaduri .mesaje .conversatie__tabs a {
  flex: 1;
  text-align: center;
  font-size: 16px;
  padding: 15px 12px 14px;
}
@media all and (min-width: 1023px) {
  .body--mesaje-leaduri .mesaje .conversatie__tabs a {
    background-color: transparent;
    color: #222938;
    padding: 18px 12px 17px;
  }
}
.body--mesaje-leaduri .mesaje .conversatie__tabs a.active {
  color: #FF7E01;
}
@media (hover: hover) {
  .body--mesaje-leaduri .mesaje .conversatie__tabs a:hover {
    background-color: rgba(243, 246, 249, 0.5);
  }
}
.body--mesaje-leaduri .mesaje .conversatie__tabs__group {
  width: 100%;
}
@media all and (min-width: 700px) {
  .body--mesaje-leaduri .mesaje .conversatie__tabs__group {
    max-width: 488px;
  }
}
@media all and (min-width: 1023px) {
  .body--mesaje-leaduri .mesaje .conversatie__tabs__group {
    max-width: 440px;
    border-radius: 0;
  }
}
@media all and (min-width: 1280px) {
  .body--mesaje-leaduri .mesaje .conversatie__tabs__group {
    max-width: 500px;
  }
}
@media all and (min-width: 2150px) {
  .body--mesaje-leaduri .mesaje .conversatie__tabs__group {
    max-width: 600px;
  }
}
.body--mesaje-leaduri .mesaje .conversatie__tabs__group a + a::before {
  background-color: rgba(34, 41, 56, 0.15);
}
@media all and (min-width: 1023px) {
  .body--mesaje-leaduri .mesaje__search {
    box-shadow: 0 1px 0 rgba(34, 41, 56, 0.15), 0 -1px 0 rgba(34, 41, 56, 0.15);
    top: 122px;
  }
}
@media all and (min-width: 1280px) {
  .body--mesaje-leaduri .mesaje__search {
    top: 136px;
  }
}

.thumb--cover {
  border-radius: 5px;
  margin-bottom: 15px;
  padding-bottom: 30%;
}

.label-as-button {
  margin-bottom: 25px;
}
.label-as-button input {
  display: none;
}
.label-as-button span {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #FF7E01;
  padding: 12px 20px;
  line-height: 1.5;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #FF7E01;
}
@media (hover: hover) {
  .label-as-button:hover span {
    background-color: #FF7E01;
    color: #FFF;
  }
}
.whois-container .label-as-button {
  width: auto;
}

@media all and (min-width: 1280px) {
  body:has(.nav-down) .new-ad-container .share-buttons-wrapper .share-buttons {
    top: 155px;
  }
}

.faq-textarea {
  height: 200px;
}

.faq-text {
  font-size: 14px !important;
}
@media all and (min-width: 700px) {
  .faq-text {
    font-size: 18px !important;
  }
}

.faq-actions {
  margin-bottom: 30px;
  margin-top: 30px;
}
@media all and (min-width: 700px) {
  .faq-actions {
    margin-top: 10px;
  }
}
.faq-actions a {
  display: inline-block;
  border: 1px solid #FF7E01;
  color: #FF7E01;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 20px;
  line-height: 1.5;
  border-radius: 5px;
}
@media (hover: hover) {
  .faq-actions a:hover {
    background-color: #FF7E01;
    color: #FFF;
  }
}

.faq-item {
  background-color: #F3F6F9;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.faq-item__delete {
  color: #FF7E01;
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-top: -5px;
  margin-left: auto;
}
@media (hover: hover) {
  .faq-item__delete:hover {
    color: #FF7E01;
    text-decoration: underline;
  }
}

.link-profil {
  display: inline-block;
  border: 1px solid #FF7E01;
  color: #FF7E01;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 30px;
  line-height: 1.5;
  border-radius: 5px;
  margin: 15px 0 0;
}
@media all and (min-width: 700px) {
  .link-profil {
    position: absolute;
    right: 0;
    bottom: 16px;
    margin: 0;
    padding: 8px 18px;
  }
}
@media (hover: hover) {
  .link-profil:hover {
    background-color: #FF7E01;
    color: #FFF;
  }
}

.box-pag-nepers {
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 0;
}
@media all and (min-width: 1280px) {
  .box-pag-nepers {
    padding-bottom: 23px;
  }
}
.box-pag-nepers button,
.box-pag-nepers input[type=submit],
.box-pag-nepers .buton {
  background-color: #FF7E01;
}

.box-pag-nepers__text {
  padding: 0 2px 5px;
}

.box-pag-nepers__a button,
.box-pag-nepers__a input[type=submit],
.box-pag-nepers__a .buton {
  padding: 16px;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.box-pag-nepers__b {
  display: none;
  margin-top: 10px;
}
.box-pag-nepers__b input:not([type=checkbox]):not([type=radio]):not([type=submit]), .box-pag-nepers__b textarea, .box-pag-nepers__b select {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 700;
}
.box-pag-nepers__b input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .box-pag-nepers__b textarea:focus, .box-pag-nepers__b select:focus {
  border: 1px solid rgba(34, 41, 56, 0.25);
}
.box-pag-nepers__b button,
.box-pag-nepers__b input[type=submit],
.box-pag-nepers__b .buton {
  margin-top: 0;
  padding: 16px 20px;
}
.box-pag-nepers__b button:hover, .box-pag-nepers__b button:focus,
.box-pag-nepers__b input[type=submit]:hover,
.box-pag-nepers__b input[type=submit]:focus,
.box-pag-nepers__b .buton:hover,
.box-pag-nepers__b .buton:focus {
  box-shadow: none;
  transform: none;
  box-shadow: inset 0 0 0 1px rgba(215, 15, 100, 0.5);
  background-color: #ff8b1b;
}
.box-pag-nepers__b .modal-share-link-copiat {
  opacity: 0;
  background-color: #F3F6F9;
  border-radius: 5px;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 1px rgba(34, 41, 56, 0.1);
  font-weight: 700;
  padding-top: 3px;
}
.box-pag-nepers__b .modal-share-link-copiat--active {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}

.box-pag-nepers__form {
  display: flex;
  gap: 8px;
  position: relative;
}

.box-pag-nepers__links {
  display: flex;
  margin-top: 10px;
}
.box-pag-nepers__links a {
  display: block;
  color: #38A2E0;
  font-weight: 700;
  padding: 2px 10px;
}
@media (hover: hover) {
  .box-pag-nepers__links a:hover {
    text-decoration: underline;
  }
}
.box-pag-nepers__links a:first-child {
  padding-left: 2px;
}
.box-pag-nepers__links a:last-child {
  padding-right: 2px;
}
.box-pag-nepers__links a + a {
  border-left: 1px solid rgba(34, 41, 56, 0.15);
}

@keyframes from0to360 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes from360to0 {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes scaleUp {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
@keyframes scaleDown {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
  }
}
@keyframes from360to0scaled {
  from {
    transform: rotate(360deg) scale(1.1);
  }
  to {
    transform: rotate(0deg) scale(0.25);
  }
}
.blob-svg {
  will-change: transform;
}

.circle1 {
  animation: from0to360 7.5s linear infinite;
  cx: 150;
  cy: 145;
  r: 100;
  fill: white;
  transform-origin: 145px 150px;
}

.circle2 {
  animation: from360to0 15s linear infinite;
  cx: 150;
  cy: 155;
  r: 100;
  fill: white;
  transform-origin: 160px 150px;
}

.circle3 {
  animation: from0to360 22.5s linear infinite alternate;
  cx: 145;
  cy: 150;
  r: 100;
  fill: white;
  transform-origin: 150px 145px;
}

.circle4 {
  animation: from360to0 18.75s linear infinite;
  cx: 155;
  cy: 150;
  r: 100;
  fill: white;
  transform-origin: 150px 155px;
}

.ellipse1 {
  animation: from360to0scaled 15s linear infinite alternate;
  rx: 120;
  ry: 100;
  cx: 150;
  cy: 150;
  fill: white;
  transform-origin: 130px 155px;
}

.ellipse2 {
  animation: from0to360 12.25s linear infinite;
  rx: 120;
  ry: 100;
  cx: 150;
  cy: 150;
  fill: white;
  transform-origin: 150px 155px;
}

@media all and (min-width: 1280px) {
  .body--ucraina {
    margin-top: 125px !important;
  }
}
.body--ucraina .steps {
  background-color: #FFD800;
}
.body--ucraina .steps__number {
  background-color: #38A2E0;
  box-shadow: 0 0 0 10px #FFD800;
}
.body--ucraina .da-nu-compania {
  display: block;
  margin-top: 0;
}
.body--ucraina .page-title--ucraina {
  background-color: #38A2E0;
  margin: 0;
  padding: 30px 0 35px;
}
@media all and (min-width: 700px) {
  .body--ucraina .page-title--ucraina {
    padding: 70px 0 75px;
  }
}
.body--ucraina .page-title--ucraina .controller {
  padding-right: 0;
}
.body--ucraina .page-title--ucraina h1 {
  margin-bottom: 0;
  color: #FFF;
  text-align: center;
  width: 100%;
}
.body--ucraina .page-title--ucraina + .article {
  margin-top: 0;
}

.text-link--pre-ucraina {
  margin-right: 10px !important;
}
.text-link--pre-ucraina a {
  margin-bottom: 0 !important;
}
@media all and (min-width: 1280px) {
  .text-link--pre-ucraina a {
    margin-bottom: 20px !important;
  }
}

.text-link--ucraina > a {
  background-color: #FFD800 !important;
  color: #222938 !important;
  text-shadow: none !important;
}
@media all and (min-width: 1280px) {
  .text-link--ucraina .main-menu__submenu {
    top: 59px;
  }
}
@media all and (min-width: 1280px) {
  .text-link--ucraina .main-menu__submenu a {
    padding: 11px 15px !important;
    width: 240px;
  }
}

@media print {
  @page {
    size: A4 portrait;
  }
  @page :left {
    margin-left: 3cm;
    @bottom-left {
      margin: 10pt 0 30pt 0;
      border-top: 0.25pt solid #666;
      content: "A1";
      font-size: 9pt;
      color: #333;
    }
  }
  @page :right {
    margin-left: 4cm;
    @bottom-right {
      content: "Pagina " counter(page) " din " counter(pages);
    }
  }
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img, table, figure {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
}/*# sourceMappingURL=default.css.map */