#mobile-property-search {
  width: 100%;
  min-width: 320px;
  max-width: 500px;
  box-sizing: border-box;
  padding: 2% 10px;
  font-family: arial;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  margin: 0 auto;
  border-radius: 5px; }
  #mobile-property-search .btn-search {
    width: 100%;
    text-align: center;
    height: 32px;
    line-height: 32px;
    margin: 8px 0;
    background: #9e9e9e;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
    #mobile-property-search .btn-search.-changed {
      -webkit-animation: emphasisBlue 1s cubic-bezier(0, 0.93, 0.35, 0.99) 1;
              animation: emphasisBlue 1s cubic-bezier(0, 0.93, 0.35, 0.99) 1; }
      #mobile-property-search .btn-search.-changed > .propertiesQty {
        top: 0px;
        position: relative;
        -webkit-animation: swipeUp 0.2s cubic-bezier(0, 0.59, 0.35, 0.99) 1;
                animation: swipeUp 0.2s cubic-bezier(0, 0.59, 0.35, 0.99) 1; }
    #mobile-property-search .btn-search.-changed2 {
      -webkit-animation: emphasisBlue2 1s cubic-bezier(0, 0.93, 0.35, 0.99) 1;
              animation: emphasisBlue2 1s cubic-bezier(0, 0.93, 0.35, 0.99) 1; }
      #mobile-property-search .btn-search.-changed2 > .propertiesQty {
        top: 0px;
        position: relative;
        -webkit-animation: swipeUp2 0.2s cubic-bezier(0, 0.59, 0.35, 0.99) 1;
                animation: swipeUp2 0.2s cubic-bezier(0, 0.59, 0.35, 0.99) 1; }

.dropdown-group {
  height: 26px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden; }
  .dropdown-group.-active {
    height: auto; }
    .dropdown-group.-active.-active.-hidden {
      height: 0px; }
    .dropdown-group.-active .ddg-title .text:after {
      content: "";
      position: absolute;
      height: 26px;
      width: 26px;
      background: url(../img/arrow-down.png) no-repeat center;
      right: 0;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .dropdown-group .ddg-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 10px; }
    .dropdown-group .ddg-title .linea {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 13px;
      border-bottom: 1px solid #9e9e9e;
      opacity: 0.6; }
    .dropdown-group .ddg-title .text {
      padding: 0 28px 0 8px;
      height: 26px;
      line-height: 26px;
      font-size: 16px;
      color: gray;
      position: relative;
      cursor: pointer; }
      .dropdown-group .ddg-title .text:after {
        content: "";
        position: absolute;
        height: 26px;
        width: 26px;
        background: url(../img/arrow-down.png) no-repeat center;
        right: 0; }

@-webkit-keyframes emphasisBlue {
  0% {
    background: #9e9e9e; }
  50% {
    background: #e2e2e2; }
  100% {
    background: #9e9e9e; } }

@keyframes emphasisBlue {
  0% {
    background: #9e9e9e; }
  50% {
    background: #e2e2e2; }
  100% {
    background: #9e9e9e; } }
@-webkit-keyframes swipeUp {
  0% {
    top: 0px; }
  40% {
    top: -3px; }
  85% {
    top: 3px; }
  100% {
    top: 0px; } }
@keyframes swipeUp {
  0% {
    top: 0px; }
  40% {
    top: -3px; }
  85% {
    top: 3px; }
  100% {
    top: 0px; } }
@-webkit-keyframes emphasisBlue2 {
  0% {
    background: #9e9e9e; }
  50% {
    background: #e2e2e2; }
  100% {
    background: #9e9e9e; } }
@keyframes emphasisBlue2 {
  0% {
    background: #9e9e9e; }
  50% {
    background: #e2e2e2; }
  100% {
    background: #9e9e9e; } }
@-webkit-keyframes swipeUp2 {
  0% {
    top: 0px; }
  40% {
    top: -3px; }
  85% {
    top: 3px; }
  100% {
    top: 0px; } }
@keyframes swipeUp2 {
  0% {
    top: 0px; }
  40% {
    top: -3px; }
  85% {
    top: 3px; }
  100% {
    top: 0px; } }
._group {
  overflow: hidden;
  box-sizing: border-box; }

.-hidden, .mobile-input.-hidden {
  height: 0px;
  border: none !important;
  margin: 0;
  overflow: hidden;
  display: block; }

.inptGroup {
  width: 100%;
  box-sizing: border-box;
  height: 32px; }
  .inptGroup input[type="checkbox"] {
    margin-right: 3px; }
  .inptGroup select {
    width: 100%;
    height: 100%;
    border-radius: 5px; }

.mobile-input {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 15px;
  height: 32px;
  color: gray;
  -webkit-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out; }
  .mobile-input.-mapicon {
    border-radius: 5px;
    border: 1px solid #9e9e9e;
    height: auto; }
    .mobile-input.-mapicon > .inptGroup.-text input[type="text"] {
      padding-left: 30px;
      background: url("../img/map-icon.png") no-repeat;
      background-position: 5px 47%;
      display: block;
      border: transparent;
      width: 100%;
      height: 100%; }
  .mobile-input.-dropdown {
    position: relative;
    border-radius: 5px;
    border: 1px solid #9e9e9e; }
    .mobile-input.-dropdown .inptGroup {
      height: 30px; }
    .mobile-input.-dropdown > .labeldd {
      width: 100%;
      height: 32px;
      line-height: 32px;
      box-sizing: border-box;
      padding-left: 10px;
      border-bottom: 1px solid #9e9e9e;
      display: block;
      position: relative;
      padding-right: 32px; }
    .mobile-input.-dropdown > .toggleDD {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 32px;
      width: 32px;
      line-height: 32px;
      font-size: 20px;
      width: 32px;
      text-align: center;
      padding: 0;
      box-sizing: border-box;
      background: #fff;
      border: none;
      border-left: 1px solid #9e9e9e;
      border-bottom: 1px solid #9e9e9e;
      z-index: 300; }
      .mobile-input.-dropdown > .toggleDD:after {
        content: "+"; }
    .mobile-input.-dropdown > .dropdown {
      box-sizing: border-box;
      width: 100%;
      background: #fff;
      height: 152px;
      overflow-y: auto;
      padding: 15px 10px; }
  .mobile-input.-dropdown.-active {
    height: 185px; }
    .mobile-input.-dropdown.-active > .toggleDD {
      background: #9e9e9e;
      color: white; }
      .mobile-input.-dropdown.-active > .toggleDD:after {
        content: "-";
        line-height: 30px;
        height: 31px;
        position: absolute;
        top: 0px;
        width: 32px;
        left: 0;
        box-sizing: border-box; }
    .mobile-input.-dropdown.-active > .dropdown:after {
      content: "";
      position: absolute;
      z-index: 200;
      width: 100%;
      height: 15px;
      bottom: 0;
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, white 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, white 100%); }
    .mobile-input.-dropdown.-active > .dropdown:before {
      content: "";
      position: absolute;
      z-index: 200;
      width: 100%;
      height: 15px;
      top: 32px;
      background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, white 100%);
      background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, white 100%); }
  .mobile-input.-floated > ._group {
    width: 70%;
    float: right; }
  .mobile-input.-twoselects .inptGroup {
    width: 42.5%;
    float: left;
    display: block;
    height: 32px;
    box-sizing: border-box; }
  .mobile-input.-twoselects span {
    float: left;
    text-align: center;
    width: 15%;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box; }
  .mobile-input.-oneselect .inptGroup {
    width: 100%;
    overflow: hidden;
    height: 32px; }
  .mobile-input .floatLabel {
    width: 30%;
    float: left;
    line-height: 32px;
    height: 32px;
    font-weight: 400;
    color: black; }
  .mobile-input .buttonRadioSqr {
    width: 100%;
    height: 32px;
    box-sizing: border-box;
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    border: 1px solid gray;
    overflow: hidden; }
    .mobile-input .buttonRadioSqr .btnSqr {
      padding: 0 5px;
      height: 100%;
      line-height: 32px;
      text-align: center;
      border-right: 1px solid gray;
      box-sizing: border-box;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      background: white;
      -webkit-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out;
      cursor: pointer; }
      .mobile-input .buttonRadioSqr .btnSqr.-active {
        background: #9e9e9e;
        color: white; }
    .mobile-input .buttonRadioSqr .btnSqr:last-child {
      border-right: none; }
  .mobile-input .tagsSection {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative; }
    .mobile-input .tagsSection:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      background: gray;
      top: 1px;
      left: 0; }
    .mobile-input .tagsSection > li {
      display: inline-block;
      box-sizing: border-box;
      padding: 2px 6px;
      border-radius: 4px;
      border: 1px solid #62ACBF;
      margin: 6px -3px 5px 5px;
      background: #9e9e9e;
      color: #FFFFFF;
      font-size: 14px; }
  .mobile-input .remFilter {
    color: #F1F1F1;
    text-decoration: none;
    vertical-align: top;
    font-family: arial;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 6px;
    margin-right: 0px;
    margin-top: 4px;
    float: right;
    cursor: pointer;
    position: relative;
    background: #FFF; }
    .mobile-input .remFilter:after {
      content: '+';
      -webkit-transform: translate(0.2px, 0.6px) rotate(45deg);
          -ms-transform: translate(0.2px, 0.6px) rotate(45deg);
              transform: translate(0.2px, 0.6px) rotate(45deg);
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center;
      font-size: 16px;
      line-height: 15px;
      box-sizing: border-box;
      text-align: center;
      width: 15px;
      height: 15px;
      overflow: hidden;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      color: #69CBE2;
      font-weight: 600; }
  .mobile-input .resultList {
    list-style: none;
    padding: 0;
    display: none;
    margin: 0;
    border-top: 1px solid #9e9e9e;
    max-height: 152px;
    overflow-y: auto;
    background: #616161;
    color: white; }
    .mobile-input .resultList.-active {
      display: block; }
    .mobile-input .resultList > li {
      color: white;
      box-sizing: border-box;
      padding: 2px 7px;
      border-bottom: 1px solid #9e9e9e; }
      .mobile-input .resultList > li:last-child {
        border-bottom: none; }
    .mobile-input .resultList > li:before {
      content: "+ ";
      color: #9e9e9e;
      font-weight: 600; }

/*# sourceMappingURL=mobile-property-search.css.map */